Standard embedding
Web developers can use standard embedding to add an ArcGIS StoryMaps item to a blog, ArcGIS Hub site, or page on your organization's website.
Standard embedding is accomplished using an <iframe> HTML tag, so the ArcGIS StoryMaps item is loaded in a panel on the main web page. Standard embedding does not support customization of the embedded ArcGIS StoryMaps item other than through modifications made by URL parameters.
Enable standard embedding
Standard embedding is available for any published ArcGIS StoryMaps item that is shared with everyone.
Important:
A story must be shared with everyone to embed it in another web page.
Copy embed code snippet
Once the ArcGIS StoryMaps item is published and shared with everyone, use the following steps to obtain the code snippet needed to embed it.
Edit the ArcGIS StoryMaps item.
Click the More button ⋯ in the header, and choose Embed this story.
Before copying the embed code, adjust the Embed options settings to show or hide the header or cover.
Note:
The header is hidden when embedding an ArcGIS StoryMaps item (except for collections), but you can force it to show by updating the Embed options settings.
Click Copy.
The embed code is copied.
You can also find the embed code when viewing a published item from the Share menu on the Embed tab.
The code snippet is provided as an <iframe> HTML tag similar to what is shown below. Insert the embed code on the HTML page where you want the ArcGIS StoryMaps item to be added. You can adjust the height and width parameters as needed.
<iframe src="https://storymaps.arcgis.com/stories/[StoryMapItemID]" width="100%" height="500px" frameborder="0" allowfullscreen allow="geolocation"></iframe>