The quick guide below demonstrates different ways to add a map to a Squarespace website. We cover single and multiple location maps. 

And if you are building a Contact Us page, make sure you get it right! What is a “well designed” contact page? See our checklist to make sure your page is optimized.


How to display a Single Location on a Map

Use the Squarespace Map Block:

This is our preferred method for a single location because it offers easy setup and multiple design options. 

  1. Open the Squarespace page where you’d like to embed a map. 
  2. Hover over the page content and select Edit
  3. Click an insertion point, select a Map Block. Note: your business location will default if it is in your settings or you can enter a different address and press the return key to drop a new pin.
  4. Choose from various design options, such as color, labels, height, and zoom. 
  5. Select Save and you are done!

For more information on using the Squarespace Map Block, visit this page.

 

Alternative Method, Embed a Google Map Using a Squarespace Code Block:

  1. Visit Google Maps.
  2. Enter your business name or an address. 
  3. Select Share and click Embed Map
  4. Using the dropdown, select the size map you desire (small, medium, large, or custom). Copy the code provided. 
  5. Next, open the Squarespace page where you’d like to embed a map. Hover over your page content and select Edit
  6. Click an insertion point, select a Code Block, then paste the copied code. 
  7. Select Save and you are done!

How to Display Multiple Locations on a map

To display a multi location map on Squarespace, you can create the map on Google Maps and embed it on your site.

  1. Visit Google Maps.
  2. In the top left corner, next to the search box, click the menu icon (3 horizontal bars).
  3. Click Your Places > Maps > Create Map.
  4. A new window will open up. Give your map a title and description if desired, then click Save. You can do the same for the "layer". 
  5. You can now pinpoint locations manually by clicking the marker icon and placing it onto the map, or search for locations using the search box at the top of the screen. If you're adding locations manually, you can name the location and save it to the map. Or if you're searching and adding locations, a green marker will appear on the map, click the Add to map link.
  6. Repeat step 5 to add all your locations.
  7. Make sure the map is public: click Share beneath the map name > under Who has access, click Change > select On - Public on the web > save.
  8. Next, click the menu icon next to your map name (3 dots) and click Embed on my site. The code will pop up in a new window, copy the code.
  9. Next, open the Squarespace page where you’d like to embed a map. Hover over your page content and select Edit
  10. Click an insertion point, select a Code Block, then paste the copied code. 
  11. Select Save and you are done! See an example below. 

For more information on using the Squarespace Code Block, visit this page


Find your business on Google Maps

Does your business appear on Google Maps? Search for your business here. If you don't find your business, follow the directions provided to add your business information to Google, then proceed with verification. This process lists your business across Google (search, maps, and other Google properties) and allows your customers to find you. Learn more about Google Business Pages

Building a Contact Page?

See our checklist to make sure your Contact Page is properly designed.

Want Squarespace help?

If you would like website assistance, check out our easy-to-schedule Squarespace training sessions. We love helping other Squarespace users!


Optimize Your Site!

Are you building your Squarespace site yourself? Download our free step-by-step guide to boost your online presence. These 5 simple tasks are often overlooked by beginners.


More Squarespace Reading


Collaborada arms small businesses with the tools to become great. Learn more.