Docs

Squarespace

Documentation

Install on Squarespace

Add SpryUI to your Squarespace site, connect your project, and check your first banner on a published page with this setup guide.

Before you start

Copy your project’s public key and add your website’s hostname in Get Started.

Code Injection is available on selected Squarespace plans. This installs banners on normal site pages, not checkout pages.

Add the snippet

  1. Open the Code Injection panel in your site settings.
  2. Paste the snippet below into Footer.
  3. Save your changes.

Replace YOUR_PROJECT_PUBLIC_KEY with your key. Add this snippet once.

Snippethtml
<script src="https://spryui.com/sdk/v1/index.iife.js"></script>
<script>
  SpryUI.initSpryUi({ publicKey: "YOUR_PROJECT_PUBLIC_KEY" });
</script>

Check your banner

In SpryUI, create and enable a Production banner. Open your published website in a new tab. If it does not appear, follow Troubleshooting.

Squarespace’s custom code instructions ↗