Site Settings → Custom Code
Framer switches pages without reloading, and the widgets follow along: they show and hide by your display rules on every page.
Custom code needs a paid Framer site plan.
It's the same for all widgets: stories, the button and banners will show up on their own.
<script src="https://swoopkit.app/loader.js" data-site="SITE_KEY" async></script>Open Site Settings → General and scroll down to Custom Code.
Paste the line into the End of <body> tag box.
Publish your site. Custom code doesn't run in the editor preview, only on the live site.
You don't need this for the button, banners or floating stories. Each stories widget has its own block code, you'll find it in the editor under Publish.
Insert → Utility → Embed, set the type to HTML and paste the block code. Place the Embed where the circles should appear and publish.
<div data-vzhuh="WIDGET_ID"></div>Open your site in a new tab. Once someone visits a page with the code, your Swoopkit dashboard shows a green “Code installed” mark.
Write to our support team and we'll help or do it for you