AI Chat Widget for Squarespace

How to add an AI chat widget to Squarespace

Use the Footer field of Code Injection, not a Code Block. A Code Block lives on one page, so the launcher would vanish as soon as a visitor moved on; Footer code is injected before </body> on every page, which is where the chat loader needs to run. Both sit behind the same plan gate, Core and up, so the site-wide route costs nothing extra.

1. In Sorraia, add the website and verify it — a DNS TXT record, or a meta tag in your homepage’s <head>. Verification is what lets you attach a widget to that site, so it comes before there is anything to paste.

2. Save the agent, then copy the snippet from the Embed code box in the right-hand panel of the chat builder. (Chat has no install wizard — the box is the whole thing.)

3. In the Pages panel, click Custom Code at the bottom of the panel, then Code Injection. On a 7.0 site the same section is called Website Tools.

4. Paste the Sorraia snippet into the Footer field — not Header — and Save. Footer code is injected before </body> on every page, which is where the chat loader needs to run.

5. Squarespace runs no custom code on checkout pages, so the launcher will not appear there; every other page gets it.

6. Open the live site logged out to check it: while you are logged in, Squarespace sometimes doesn’t show embedded code.

Where these steps come from:¹²

Worth knowing for this one

• If injected code gets in your way while you edit, Squarespace lets you disable scripts in preview and keep working; visitors still get the launcher.²
• On a 7.0 template with Ajax loading — Brine, Farro, Tremont, York, and Skye’s blog landing page — Squarespace warns that Ajax may conflict with embedded code. Its own fix is to uncheck Enable Ajax loading in Site styles, which Skye doesn’t allow and Farro’s blog landing page ignores.⁵
• After a downgrade below Core, the snippet stays in the Code Injection panel for reference but stops applying to the site.³