Before you start
- An AtomicX account. The free plan works; add AI when you're ready.
- A Core, Plus or Advanced plan (or a legacy plan that includes Code Injection). It isn't on Personal or Basic.
- Owner or Administrator access.
1. Copy your snippet from AtomicX
- Sign in to AtomicX and go to Insights › Widget generator.
- Under 1. Select Configuration, choose the chat you want on this site.
- Pick 2. Display Mode (Floating corner bubble or Full Page), 3. Button Position and 4. Widget Theme. The Live Preview shows the result.
- Under 5. Integration Method, choose Auto-Initialize. It's one snippet that starts the chat when the page loads.
- Under 6. Generated Code, click Copy.
2. Add it to Squarespace
- Open your site and find Code Injection. The quickest way is to press / and search for it.
- Paste your AtomicX snippet into the Footer field.
- Click Save.
Changes go live when you save. Check while logged out or in a private window, because injected code may not run in the editor.
3. Check it works
- Open your site in a private or incognito window, so you're not seeing a cached or logged-in version.
- Look for the chat button in the corner you picked.
- Ask it a question you know the answer to. Then check the conversation appears in Conversations in your AtomicX dashboard.
Good to know
- Code Injection doesn't run on checkout pages.
- Safe mode in the editor switches injected code off. That's expected.
- Use the site-wide Footer field, not a single page's settings, so the chat appears everywhere.
Update or remove it
Open Code Injection again, delete or replace the snippet in Footer, and save.
If something isn't right
- No chat button? Clear your site's cache, check you published or saved, and try a private window with ad blockers off.
- Two chat buttons? The snippet is installed twice, for example in your site and in Google Tag Manager. Keep one.
- Still stuck? Contact us and tell us your platform and site address.
Official Squarespace documentation: Squarespace: Using code injection
