Code Injection → Footer

Install on Squarespace

Squarespace's Code Injection adds the code to every page of your site at once.

Code Injection and Code Blocks need the Business plan or higher.

  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 Code Injection

    Go to Settings → Advanced → Code Injection. In newer dashboards it's under Website → Pages → Custom Code → Code Injection.

  3. 3

    Paste into Footer

    Paste the line into the Footer box and click Save.

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 a Code Block

    Edit the page, click an insert point where the circles should appear, choose Code and paste the block code. Turn off Display Source and save.

    <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