Skip to main content
All CollectionsViz FlowicsAdd-onsSecond Screen
Getting the script code to embed my Page
Getting the script code to embed my Page
Updated over a week ago

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:

  1. Click on Publish Changes.

  2. Click on Publish (if the Page has not been published yet).

  3. 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.

Did this answer your question?