Your own HTML, any CMS

Install on any website

Works on any platform that lets you add your own HTML to every page: usually a “footer code”, “tracking code” box or a shared template.

  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

    Add the code to every page

    Paste the line right before the closing </body> tag in your site's shared template or tracking code box. You only do this once: all widgets show up on their own.

  3. 3

    Save and reload

    If your site has a cache, clear it, then open the site in a new tab.

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

    Add the block code

    Put it in the page HTML where the circles should appear.

    <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