Embedding a Map with Squarespace

Get A Map Embed Code

It's easy to embed a map created in the Mappedin Map Editor into any web page. Follow the steps below to copy a embed map code snippet.

  1. Log into the Mappedin Map Editor.
  2. Open the map to embed.
  3. Click on the Preview button. Preview Button
  4. In the new window, click on the Share button.
  5. If not already enabled, click the Enable Sharing toggle to enable sharing.

The map share button and enable sharing toggle.

  1. Click on the Copy Embed.

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. Squarespace Add Block Button
  2. Search for Code.
  3. Click on </> Code.

Add code block on Squarespace

  1. Place and resize the code block on the web page.
  2. Click the Pencil icon for the code block to edit it.
  3. In the Content window, replace <p>Hello, World!</p> with the Mappedin embed code.

Squarespace default code content

Squarespace content with Mappedin embed code

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

Squarespace map embedded

© 2024 Mappedin Inc.

All Rights Reserved.

Sign up for developer updates

Get early access to release notes, major version changes, version migration guides, and our developer focused blog posts.

Loading...

For more information

Read the Developer Blog

Explore the Playground

Talk to Sales

Maps for Good 🤍