Embedding a Map with Squarespace

Get A Map Embed Code

It's easy to embed a map created in the [Mappedin Map Editor](https://maker.mappedin.com/) into any web page. Follow the steps below to copy a embed map code snippet. 1. Log into the [Mappedin Map Editor](https://maker.mappedin.com/).

2. Open the map to embed.

3. Click on the `Preview` button.

4. Click on the `Share` button.

5. If the map is in Draft status, use the drop down to change it to Live.

6. Click on the `Copy Embed` button.

The code to embed the map has now been copied to the clipboard.

Embed the Map Code

Follow the steps below to embed a map as it appears in the Mappedin Viewer into a page on a web site created using Squarespace.

1. In the Squarespace editor, click the + Add Block button.

2. Search for Code.

3. Click on </> Code.

   

4. Place and resize the code block on the web page.

5. Click the Pencil icon for the code block to edit it.

6. In the Content window, replace <p>Hello, World!</p> with the Mappedin embed code.

   

The map should now appear on the web page similar to the screen shot below.