Story Mapping Guides
Docs
Topics
Release Notes
Confluence
It's simple to embed your Avion story maps into Confluence pages. Here is a step-by-step guide on how to do it. You need to have a public Avion link generated, which you can do from the Export & Share menu in the story map.
1. Create a new page in Confluence, or edit an existing page
2. Click the + button in the toolbar, then select "View More"
3. Search for "iframe" and select it
4. Enter your Avion public share link as the URL and fill out the following fields
Make sure that the share link starts with https://
5. Click "Save", then select "Go full width"
6. Publish your page!
Customising the dimensions
The instructions above will create a wide version of the story map on a page which increases visibility. However, you may also want a more cropped version. Feel free to play with width and height values of the iFrame coupled with the width toggles to get the view you are looking for.
You can use https://ratiobuddy.com to help you get a nice ratio. We recommend 5:3, but it depends on the balance of your story map.
If you're using a mouse, you can scroll horizontally inside the embedded map by holding the shift key whilst scrolling
Last modified 1yr ago
Copy link
Contents
Customising the dimensions