Adding Social Intents live chat to a Squarespace site takes about five minutes using Squarespace's built-in Code Injection - no plugins, no theme editing. Once installed, the chat bubble appears on every page and your team answers from Microsoft Teams, Slack, the Inbox, or lets the AI chatbot respond first.
Before You Start
- Code Injection requires a Squarespace Business plan or higher - Personal plans do not allow custom code site-wide. (Workaround for Personal plans below.)
- Have your widget created in Social Intents - if not, start with Setting Up Your First Chat Widget.
Install via Code Injection (Recommended)
Copy Your Snippet
In Social Intents, go to Chat Widgets → your widget → Deploy and copy the JavaScript snippet.
Open Code Injection in Squarespace
In your Squarespace dashboard, go to Settings → Advanced → Code Injection. (On newer Squarespace versions: Settings → Developer Tools → Code Injection.)
Paste into the Footer
Paste the snippet into the Footer field - not the header - and save. Footer placement keeps the widget from delaying your page render.
Verify
Open your site in a private browsing window; the chat tab appears within a few seconds. Then run the full test checklist: send a message, confirm it reaches your team, and reply back.
Only on Certain Pages
Two options:
- Page-level injection - In Squarespace, open the page's Settings → Advanced → Page Header Code Injection and paste the snippet there instead of site-wide. Repeat per page.
- Site-wide + targeting rules (easier) - Install site-wide, then use the Page targeting rules in your widget's Settings tab to show or hide chat by URL. One place to maintain. See Widget Settings and Configuration.
On a Personal Plan?
Personal plans allow per-page code injection via a Code Block: add a Code block to the page body and paste the snippet. It works, but you must add it to every page where chat should appear. Upgrading to Business unlocks the one-step site-wide install.
Squarespace Tips
- Ecommerce - On Squarespace Commerce stores, chat during checkout answers the "will this fit / when does it ship" questions that kill conversions. Consider a pre-chat form asking for the order number on support pages.
- Match your design - Squarespace sites live and die by aesthetics; set your brand colors and logo under Customizing Widget Appearance.
- Mobile - The widget is responsive by default; check your Squarespace mobile view once after install.
Troubleshooting
The widget doesn't appear
Confirm the snippet is in the Footer injection field and saved, then hard-refresh (Squarespace caches aggressively). If you use a content blocker in your browser, test in a private window.
The widget appears twice
The snippet is installed both site-wide and in a page-level injection or Code Block. Remove one.
It shows in preview but not on the live domain
Code injection only renders on the published site - and check that your widget's domain settings allow your live domain.
Frequently Asked Questions
Does the chat widget slow down my Squarespace site?
No - the snippet loads asynchronously after your page content and does not block rendering or affect Core Web Vitals.
Do I need to update the snippet when I change widget settings?
No. Colors, text, AI settings, and team changes apply instantly - the snippet never changes for a given widget.
Can I use the AI chatbot on Squarespace?
Yes - everything in Social Intents works identically regardless of platform. Train the bot on your Squarespace pages via Knowledge.