Once created, you need to publish the Page to obtain either the URL to share it as a landing page or the script to embed it on your site.
To access the script's embedding code, follow the steps below:
Click on Publish Changes.
Click on Publish (if the Page has not been published yet).
Click on </> Use Embed.
When you embed a Page using the <script> above, content will take 100% of the available width without side margins. If you want to keep the margins, just change the data-fluid property to "no".
data-fluid="no"
This will keep the margins as you see them on the editor (having a max width of 1170px on desktop view).
Troubleshooting
If your CMS uses pym.js to manage embeds & page responsiveness, this could create issues with the final height of our embed script. If this is your situation, you might need to embed first our code into a 'parent' page with the following html:
<div class="container"> <div id="pymobject"></div> </div> <script type="text/javascript" src="https://pym.nprapps.org/pym.v1.min.js"></script> <script> var pymParent = new pym.Parent('pymobject', 'url-for-flowics-embedded-page', {}); </script>Remember to change url-for-flowics-embedded-page in line 6 with a url for a child page containing the flowics embed code.