Embedding a Map with Webflow

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.
4. In the new window, click on the Share button.
5. If not already enabled, click the Enable Sharing toggle to enable sharing.

6. Click on the Copy Embed.

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 Webflow.

1. In the Webflow Editor, open the page to embed the map.
2. Click the Add Elements button.
3. Click on the Embed element.

4. Paste the Mappedin embed code.

5. Press Save & Close.

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