Add a map that fits your Squarespace template

Get your map code

Make the map in the editor and copy the code it gives you. The editor also gives you the save link.

The code from the editor looks like this, with your map’s id in place of MAP_ID:

<iframe src="https://map.domaps.app/m/MAP_ID" title="Map: Café Example" loading="lazy" allow="geolocation"
        style="width: 100%; height: 420px; border: 0; border-radius: 16px;"></iframe>

Steps

1. 1

   Copy the map code from the DoMaps editor.

2. 2

   Edit the page in Squarespace.

3. 3

   Hover over a section, click Add block or +, then click Code.

4. 4

   Click the pencil icon on the block to open it.

5. 5

   Paste the map code. Leave Display Source off.

6. 6

   Save the page.

Save the map before you publish

A new map works without an account for up to 1,000 views a month. An unsaved map can’t be edited later, so decide about saving before you publish. A map from the editor comes with a private save link, and step 3 of the editor saves it with your email. A saved map gets 10,000 views a month on the Free plan. Keep the save link to yourself and never put it on your site.

Troubleshooting

The map doesn’t show while you are logged in

Squarespace says code sometimes doesn’t appear when you are logged in, even if visitors see it. Check the page with Preview in Safe Mode or in a private window.

The map is cut off or very small

The editor’s code makes the map 420px tall. Make the block or element at least that tall, or change height: 420px in the code. 360 to 480px works well.

The map says it is paused

It reached a view limit. The docs list each notice and what to do.

More fixes are in the docs. Squarespace’s own help: Squarespace: Code blocks.

Before you switch

• Replacing a Google Maps embed? Read about maps without cookies.
• See how DoMaps compares with Storemapper.
• Read: How to show several locations on one map

Questions