Skip to content
GitHub
Get started →

Install on Squarespace

Squarespace ships a Code Injection panel that lets you drop a <script> into every page’s <head> or footer. We use the footer.

Steps

  1. Open Code Injection

    Squarespace admin → SettingsAdvancedCode Injection.

  2. Paste the snippet in Footer

    <script src="https://spelo.ai/spelo.js" data-site-id="YOUR_SITE_ID" async></script>
  3. Save

  4. Verify on the live site (not the editor preview)

Business plan required

Squarespace restricts Code Injection to the Business plan and higher. On Personal, this feature is hidden.

Squarespace-specific notes

  • Squarespace 7.1 — works on every template. Fluid Engine layouts work too.
  • Squarespace 7.0 — works. Paste in the same Code Injection footer box.
  • Acuity Scheduling / Commerce — the widget does not interfere with booking or checkout flows.
  • AMP pages — Squarespace AMP blog pages do not allow arbitrary <script>. The widget will not load there. All non-AMP pages work.
  • Site-wide vs. per-page — Code Injection in Settings is site-wide. You can also inject into a specific page from Page SettingsAdvanced, but this is rarely needed.

Verify

Load your published site, open DevTools → Network, filter for spelo.js. You should see a 200 from spelo.ai.

Troubleshooting

  • The orb doesn’t appear on every page → make sure you pasted into the site-wide Code Injection (Settings → Advanced), not an individual page’s advanced settings.
  • CSP errors → Squarespace’s default CSP allows the widget. If you’ve customized it, allow spelo.ai in script-src and api.spelo.ai + wss://* in connect-src.
  • Still nothing → see Orb not appearing.