Skip to content
SpinLoop

How to add a spin-to-win popup to Squarespace

Paste the snippet into the Footer box under Code Injection.

Written by the SpinLoop team. Last reviewed .

Before you start

  • Code Injection is only available on some Squarespace plans. Check yours under billing if you cannot find it.
  • Your game is saved in SpinLoop. Nothing shows to visitors until it is live.

1. Copy your snippet

In SpinLoop, open your game and go to the Install tab. Copy the snippet. It looks like this, with your own game id:

<script src="https://app.getspinloop.com/embed.js" data-campaign="c_0123456789abcdef" async></script>
Example only. Copy your own snippet: the game id is different for every game.

2. Paste it into Code Injection

  1. In Squarespace, open Settings.
  2. Go to Developer Tools, then Code Injection. On older sites it is under Advanced, then Code Injection.
  3. Paste the snippet into the Footer box.
  4. Click Save.

3. Allow your site's address

In the Install tab, under Where it can run, add your site's domain. If you have not connected a domain yet, add the squarespace.com address instead:

https://yourshop.com
https://yourshop.squarespace.com

4. Check it works

  1. Click Test install in the Install tab.
  2. Open your site in a new private window, so you are not logged in to Squarespace.
  3. The Install tab shows "Installed" once we see the snippet running.

If it does not show

  • Logged in? Squarespace can hide injected code while you edit. Use a private window.
  • Site-wide password. If your site is still behind a password, the game shows only after visitors get past it.
  • Seen it already? The frequency cap hides the game for a while after someone has seen it.

Questions

I don't see Code Injection. Why?

Code Injection is only on some Squarespace plans. Check your plan in Squarespace's billing settings, or upgrade to one that includes it.

Should I use the Header or the Footer box?

The Footer box. The script loads after your page content, so it never slows down the first paint.