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

Related Reading // Optimize Your Squarespace Contact Page — If you are working on a "Contact" page, make sure you get it right! Use this checklist to make a well-designed contact page.

How to display a Single Location on a Map

Option 1: 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.

 

Option 2: 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 a 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 this checklist to make sure your Contact Page is properly designed.

Want Squarespace help?

Related service // Squarespace Training — see our easy-to-schedule online consulting sessions.


Optimize Your Site!

Are you building your Squarespace site yourself? Download our free easy 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.