Site settings → Custom code

Install on Webflow

The code goes into your site settings once and appears on every published page.

Custom code needs a paid Webflow site plan.

  1. 1

    Copy your site code

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

    Open Custom code

    Open Site settings → Custom code.

  3. 3

    Paste into Footer code

    Paste the line into the Footer code box (before </body> tag) and click Save.

  4. 4

    Publish

    Publish your site. Custom code only runs on the published site, not in the Designer.

If you use stories “on the page”

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.

  1. 5

    Add a Code Embed element

    In the Designer, drag a Code Embed element where the circles should appear, paste the block code, save and publish.

    <div data-vzhuh="WIDGET_ID"></div>

✓ Check it

Open your site in a new tab. Once someone visits a page with the code, your Swoopkit dashboard shows a green “Code installed” mark.

Can't add the code? We'll install it for free

Write to our support team and we'll help or do it for you

Contact support