Articles on: CREATE & SHARE
This article is also available in:

How do I embed a Sutori story into Weebly?

Please follow this guide in order to embed your Sutori into the Weebly website.


First Step - Copy the Embed Code



You need to first make the story public. Click on "Share" on the top right of the story under the banner and then on the 'Embed' tab. Make the story public and then copy the embed code.






Step Two - Edit the Embed Code



Now head on over to your Weebly website. Whilst you're editing the website, you will see the option on the left of the screen to add "Embed Code". Click there and place it on your Weebly website:



You will then have to do some editing of the Sutori Embed code as shown on the screenshot below. Remove the <script></script> tags and keep the <iframe></iframe> section only.



For example:
<script src="https://d1ox703z8b11rg.cloudfront.net/assets/iframeResizer.js"></script><iframe src="https://www.sutori.com/story/explorer-report-3c48/embed" width="100%" height="600" frameborder="0" allowfullscreen></iframe><script src="https://d1ox703z8b11rg.cloudfront.net/assets/iframeResizer.executer.js"></script>


Changes to this code:
<iframe src="https://www.sutori.com/story/explorer-report-3c48/embed" width="100%" height="600" frameborder="0" allowfullscreen></iframe>


Step Three - Publish and you will see the results!



This is an important step as the story will not be displayed correctly until you have clicked through to "Publish". You'll then see the final result:




Updated on: 17/08/2022