How to Add an AI Chatbot to Squarespace — Step by Step in 5 Minutes

↑ Part of AI chatbot for your website

In short: You create an AI agent in BotChata, let it index your website, and paste a single script tag into Squarespace's Code Injection (Footer). From then on, the chatbot answers visitor questions around the clock — using only your own site's content, in 40+ languages. No coding. GDPR-compliant, hosted in Germany (EU).

→ Start free — no credit card · Live in 5 minutes · Free plan forever

What You Need (Prerequisites)

• A Squarespace site on a Business plan or higher (the Code Injection requirement).
• A BotChata account — the free start is enough (sign up with email, no credit card).
• 5 minutes. No code, no developer.

⚠️ Important — Squarespace plans: Code Injection (the footer field used in this guide) is available on the Business plan and the Commerce plans — not on the Personal plan. If you're on Personal, upgrade to Business first; then this works on any Squarespace template.

Part 1 — Set Up BotChata (about 3 minutes)

Step 1: Create an agent and add your site

Sign up at botchata.net and open the dashboard. On Add a new site, enter a Site name and your Website URL, then click Add & start indexing. The crawl begins automatically.

The free start needs no credit card — just your email.

Step 2: Let it finish indexing

BotChata reads every reachable page and turns it into the knowledge base. For ~50 pages this takes 1–3 minutes. On the Links tab you see every page it crawled with an Indexed status — wait until the site shows Ready.

Why this matters: the bot answers only from your indexed content. If an answer isn't on your site, it says so honestly — instead of making something up. That protects your credibility.

To add another source later (a second domain or a single page), click Add link and choose 🌐 Full site or 📄 Single page.

Step 3: Quick test

Open the Overview tab and ask the bot a few typical customer questions in the live preview (e.g. "How much is shipping?"). If the answers are accurate, you're ready to embed.

Step 4: Copy the embed code

Open the agent's Widget tab and switch to the Script section. Copy the snippet next to Embed code — it looks like this:

<script
  src="https://botchata.net/api/widget.js"
  data-api-key="YOUR_KEY"
  data-api-url="https://botchata.net/api"
  defer
></script>

The defer attribute makes the widget load asynchronously so it won't slow down your load time (Core Web Vitals). The widget runs in an isolated Shadow DOM — it can't interfere with your Squarespace template.

Part 2 — Add the Code to Squarespace (about 2 minutes)

✅ Method A (recommended): site-wide Code Injection (Footer)

1. In the Squarespace admin: Settings → Advanced → Code Injection.
2. Paste the BotChata script into the Footer box.
3. Save. Done — the widget now loads on every page.

Use the Footer box, not Header — the script belongs just before the closing </body> tag, so the page renders first and the widget loads after.

Method B: a single page (page Code Block)

If you want the chat on one specific page only:

1. Edit the page → add a Code block where you want it.
2. Paste the BotChata script and Apply.
3. Save.

Method B only affects that page. For a site-wide floating widget, use Method A. (On some templates the Code Block sanitizes scripts — if it doesn't run, use Method A.)

Step 3 — Check That It Works (Verification)

1. Open your site in a new private/incognito window (Code Injection doesn't render in the Squarespace editor preview).
2. The BotChata bubble appears in the bottom-right.
3. Click it and ask a real question about your offering.
4. The bot should answer within seconds with content from your website.

See the widget? You're live. 🎉

GDPR Note

• Hosted in Germany (EU): BotChata runs on Hetzner servers in Germany; data does not leave the EU without consent, and there is no AI training on your data.
• Data processing: sign the DPA (Data Processing Agreement) with BotChata and list the tool in your privacy policy.
• Consent / cookie banner: if you use Squarespace's cookie banner or a tool like Cookiebot, gate the BotChata script so it loads only after consent.
• EU AI Act ready: visitors see before the first chat that they're talking to an AI — the transparency duty under Art. 50 (from August 2026) is met by default.

Common Problems (Troubleshooting)

FAQ

Does BotChata need a Squarespace extension? No. A single script tag in Code Injection → Footer is enough — no extension, no connector.

Can I use it on the Squarespace Personal plan? No. Code Injection requires a Business plan or higher. On Personal, the footer code field isn't available.

Is this GDPR-compliant? Yes. Hosted in Germany (Hetzner), DPA included, no AI training on your data, controllable via your consent tool. See the GDPR note above.

Does the bot make up answers? No. It answers only from your indexed website content. If information is missing, it says so honestly instead of guessing.

What does it cost? The free start costs $0 (100 messages/month, no card). Paid plans start at $29/month — a fixed price per plan, no per-message credits. (Your Squarespace plan is billed separately by Squarespace.)

Will the widget slow down my site? No. It loads asynchronously (defer) in an isolated Shadow DOM and doesn't block your page from rendering.

Start Now

Add an AI chatbot that knows your content to your Squarespace site in 5 minutes.

→ Start free — no credit card

Set up in 5 minutes. 100 messages/month free. GDPR-compliant, hosted in Germany.