How to Add an AI Chatbot to Squarespace (2026 Step-by-Step)

Squarespace makes launching a beautiful website effortless, but support questions still pile up in your inbox. There is no native AI chatbot in Squarespace, so the fastest fix is embedding a third-party widget. Here is the exact process for 2026 - no code required.

What you need

A chatbot platform that provides a widget embed snippet, trains on your knowledge base (RAG), and includes human handoff. You will also want the answers to your most-asked questions ready to upload.

For the wider stack behind the widget, see AI support across every channel with human handoff included.

Step 1: Build and train your chatbot

Sign up, create a chatbot, and upload your FAQ and help content. Platforms like Chatonn index your docs and answer only from them, so responses stay accurate.

Step 2: Copy the embed code

From the chatbot dashboard, copy the widget snippet - typically one script tag containing your widget ID and API URL.

Step 3: Add it to Squarespace

1. Open the site editor and go to Settings.
2. Click Code Injection (under Advanced).
3. Paste the snippet into the Footer field.
4. Save and your widget will appear on every page.

If you want the bot on one page only, use a Code Block and paste the snippet there instead of using Code Injection.

Step 4: Publish and test

Publish the site and open it in a private window. Ask your bot the top questions from your inbox, confirm the answers, and check that the widget matches your brand colors.

Building in Webflow instead? The Webflow chatbot instructions show where the embed goes.

Tips for better answers on Squarespace

• Train on real customer questions, not just marketing copy.
• Update the knowledge base whenever you change a policy or pricing page.
• Set up human handoff so complex questions reach you instead of dead-ending.

Add a trained AI chatbot to your Squarespace site today at chatonn.com - live in under 10 minutes.

On another site builder? The Wix chatbot setup follows the same pattern.