Lovable, Bolt, v0, Cursor and more
If an AI builder made your site, there's no need to dig through files: copy the ready-made prompt and send it to the builder's chat. The AI will put the code in the right place.
Your code is already in it. If you use stories “on the page”, change “below the header on the home page” in the last paragraph to the place you want.
Add Swoopkit widgets to the site. Insert this script once so it's on every page, right before the closing </body> tag (in index.html or the shared layout, e.g. app/layout.tsx via next/script with strategy="afterInteractive"). Don't change its attributes or add anything:
<script src="https://swoopkit.app/loader.js" data-site="SITE_KEY" async></script>
If a stories block is needed: below the header on the home page, add an empty element <div data-vzhuh="WIDGET_ID"></div>. Leave it empty, the script fills it in.Lovable, Bolt, v0, Replit, Cursor and similar tools understand it as is.
Click Publish or Deploy in the builder. Widgets work on the published site.
Open your site in a new tab. Once someone visits a page with the code, your Swoopkit dashboard shows a green “Code installed” mark.
Page changes without a reload, as on React and Next.js sites, are supported: widgets show and hide by your display rules on their own.
Write to our support team and we'll help or do it for you