Interactive Maps for your Website
Note: This is a more advanced project for members with established businesses with a number of customers or other map-able data.
This post teaches you how to set up and add an interactive map on your website.
It can be used to:
Map locations (global and/or local)
Help connect people or share information (like the map I made for The Tulip Workshop)
Show general locations, while protecting customer privacy or show locations with specific addresses
Display customer reviews in a creative way
Show the reach of your sales (For example: “We send dahlia tubers all over the country! See where some of them have landed)
Display the towns you deliver to
Show consumers which florists offer your flowers (if you are a wholesale grower)
Have a look at the video and see the notes below it for more information.
You can make a beautiful map using just a few primary tools.
A data set. You will need a list of locations to map. You can use either physical addresses or longitude and latitude.
Next, you will design your map in Atlist and add your data points. We recommend that you test out this web-based mapping program with one of their sample themed maps.
If you want to make a fully customized map, you can do that with the linked Atlist map designer: Stylist. OR you can browse many more map themes at Snazzy Maps. Both of these tools work with Atlist. I customized our maps using the colors from our branding package.
You can either manually add your locations OR you can upload a csv file (make a spreadsheet and save it as a .csv file) and have them all plotted for you.
Your Atlist map is a “live” map, meaning that when you data set is updated, your map is also updated live on your website.
To add your map to your website, simply copy and paste the code for the map into a code box on your site. On a Squarespace site this feature is called a “code” block. Or- you can add an “embed” block.
Let me know if you have any questions. I hope you try out this process and make some beautiful and useful maps for your business!