Sophia Ojha

View Original

117: 4 Ways to Create Interactive Maps for Squarespace

Recently, I had a prospective client ask me about an important feature they wanted to add on their website. Their business offers domestic and commercial cleaning services but only for postal codes within London, UK.

In Squarespace, there’s no in-build way of doing that except of placing a Google map. So I did some research and there’s a ton of information out there. I sorted through it all and here are my three suggestions on how to add an interactive map to your Squarespace website.

1 | Create A Clickable Map

This is something I saw Pat Flynn show in a YouTube Video. This tool allows you to create a map of the world or different regions of the world. You can add different titles and links for each sub-region and set it to change color when one hovers over a selected region.

The pro is that you can easily create lovely colorful maps with titles and colors. Although, I didn’t see a way to add multiple listings for the same region, say for example if you had three shops in London, you can only add one title.

Also keep in mind that on the World Map, some smaller countries are missing such as Barbados and Saint Lucia in the Carribbean and Mauritius in the Indian Ocean. The tool solves it when you go to the Carribbean Islands sub-region and there you can see those countries but still it doesn’t show up on the World Map. And we just can’t have a world map with the island nations of Barbados and Mauritius and Saint Lucia missing from it, now can we? (No, we cannot!)

Check it out for yourself here:
https://www.createaclickablemap.com/

2| Store Mapper

Here’s a tool where you can upload shop names, addresses and website links and then pull an embed code from the tool to place on your Squarespace website.

You can have a list of multiple shop show up on a map as a database. People can even type in zip code and see what stores are available nearby. It looks very professional and easy on the eyes. There’s no freemium version of this tool nor is there a one-off payment feature which is an important consideration for new small businesses. Instead, there’s a monthly cost which is worthwhile as the tool is pretty impressive. They do have a free-trial.

A special thanks to my colleague, Emma of Queenie Creative over in the UK for informing me of this tool. Emma is a web designer on Squarespace and Wix and a digital marketer. She is also part of the Millionaire Web Designer Directory, a listing of talented designers from across the world. Thanks, Emma!

Check it out here:
https://www.storemapper.com/platforms/squarespace-store-locator/

3| Map Hub

This is a really fun tool to customize your maps. There is a free and paid version of this tool so you can test it out and add more features of the tool as needed.

As the site describes their tool in their own words:

”You can easily make your own map by adding points, lines, polygons, or labels.
Add photos, organize items into groups.
Import and export data in GeoJSON, Shapefile, KML, GPX, or CSV formats.
Embed interactive maps on your website.”

Check out the Explore Maps feature to see examples and then go and build your own.

Check it out here:
https://maphub.net/

4. Good old Google Maps

You can also create interactive maps on Google Maps. You can add multiple points of interest, you can add website links and address, you can then easily embed it on your Squarespace site. It’s free. I have done this for a client before which you can see an example of here: https://www.supervisedparentingtime.org/providers

Customize a map on Google Maps:
https://www.google.com/maps/about/mymaps/

I customized this Map on Google Maps for SupervisedParentingTime.org, a non-profit organization in Minnesota helping parents.

Your Turn:

Have you used any of these tools? Do you have a tool that you like? Let me know in the comments.

Cheers to you and your abundant creativity,
🦄🦄🦄 Sophia


Create Interactive Maps On Squarespace


See this content in the original post