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
-
Open Code Injection
Squarespace admin → Settings → Advanced → Code Injection.
-
Paste the snippet in Footer
<script src="https://spelo.ai/spelo.js" data-site-id="YOUR_SITE_ID" async></script> -
Save
-
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 Settings → Advanced, 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.aiinscript-srcandapi.spelo.ai+wss://*inconnect-src. - Still nothing → see Orb not appearing.