theme.liquid, before </body>
The code goes into your theme layout once and then works on every page of your store.
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>In Shopify admin, go to Online Store → Themes, click “…” next to your current theme and choose Edit code.
In the Layout folder open theme.liquid, find the closing </body> tag, paste the line right before it and click Save.
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.
Go to Online Store → Themes → Customize, open the page, click Add section → Custom Liquid where the circles should appear, paste the block code and save.
<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.
If you switch to a different theme later, add the code to its theme.liquid as well.
Write to our support team and we'll help or do it for you