Embedding a map or story allows you to display interactive content directly on your website. You can generate an embed code from the Share menu and add it to your site’s HTML.
Embedding a project is an enterprise feature
Before you start
- Make sure your map or story is shared correctly:
- Maps: Must be set to Anyone with a link
- Stories: Must be Published
- If these conditions aren’t met, the embedded content will not display for others.
How to get the embed code
Embed a map
- Open the map you want to embed
- In the header, select Share map
- Under Access level, select Anyone with a link
- Select Embed
- In the embed modal:
- Choose whether to use a full-width or a fixed size
- Adjust width and height if needed
- Select Copy to copy the iframe code
Embed a story
- Open the Stories tab from the left panel
- Select your story
- Go to the Publish tab
- If needed, select Publish to make the latest version live
- In the Published story section, select Embed
- In the embed modal:
- Choose full width or set custom dimensions
- Select Copy to copy the iframe code
How to add the embed code to your website
- Open your website editor
- Navigate to the page where you want to display the map or story
- Add an HTML block or iframe component
- Paste the copied embed code into the HTML
- Save and publish your changes
All website editors are different; follow their guidance to add HTML or iframes
We advise that you look at your site on different devices such as laptops and phones, to make sure it displays correctly