How to Add an AI Chatbot to Your Squarespace Site

Add an AI chatbot to Squarespace in under 5 minutes. No design skills needed (ironic, given the platform). Paste one code snippet, train the bot on your content, and let it handle the questions.

Your beautifully designed site still can't answer questions

You spent three hours choosing between two nearly identical Squarespace templates. Another hour debating font pairings. Forty-five minutes adjusting the padding on your hero section.

The result? A gorgeous site that goes silent the moment someone asks "Do you ship internationally?" at 9 PM on a Thursday.

An AI chatbot won't fix your font choices, but it will answer visitor questions using your actual site content — automatically, around the clock. Here's how to add one to Squarespace.

What you'll need

A Squarespace site on a Business plan or higher (Code Injection requires Business+)
A free Factfu account
About 4 minutes

If you're on the Personal plan, Squarespace doesn't give you access to custom code injection. You'll need to upgrade — or admit that fonts are more important than customer conversations. (We don't judge.)

Step 1: Set up your chatbot

Go to factfu.com/signup and create a free account
Click Create Bot and give it a name
Feed it your content:
- Website URL — enter your Squarespace site URL. The bot crawls your pages, reads your beautifully written copy, and turns it into a knowledge base.
- Text/FAQ — got a FAQ that lives in a Google Doc somewhere? Paste it in.
- Documents — PDFs, menus, price lists — anything you want the bot to know.

Tip: Your About page, Services page, and FAQ page cover about 80% of what visitors ask. Start there.

Step 2: Grab your embed code

In the Factfu dashboard, go to Settings → Widget
Copy the embed code:

<script
  src="https://factfu.com/v0/widget.loader.js"
  data-widget-key="pk_your_key_here"
  defer>
</script>

Step 3: Add it to Squarespace

In your Squarespace dashboard, go to Settings → Advanced → Code Injection
Scroll down to the Footer section
Paste the embed code
Click Save

That's the whole process. The chat widget now appears on every page of your site.

Why Footer and not Header?

The Header section loads before your page content. Putting the widget there means visitors might see a flash of loading before your beautiful layout appears. The Footer section loads after content — which is exactly what you want for a chat widget that should politely appear once the page is ready.

The defer attribute handles this too, but Footer placement is the belt-and-suspenders approach.

Step 4: Check your site

Visit your live site (not the Squarespace editor — the actual published URL). You should see a chat bubble in the bottom-right corner.

Click it. Ask something. Be mildly amazed when it answers correctly using the content you spent weeks writing.

Making it match your aesthetic

Squarespace users care about design. We respect that. Here's how to make the chatbot feel like a native part of your site:

In the Factfu dashboard, go to Bots → [Your Bot] → Customize
Accent color — match your Squarespace template's primary color
Avatar — upload your logo or brand mark
Welcome message — something on-brand. If your site is warm and casual, the bot should be too. If you're a law firm, maybe skip the emoji.
Quick replies — pre-set buttons like "Our Services", "Pricing", "Book a Call"

Pro tip: use the browser's color picker tool on your Squarespace site to grab the exact hex code. Matchy-matchy.

Troubleshooting

Chat bubble doesn't appear:

Make sure you pasted the code in the Footer section of Code Injection, not Header
Check that your site is published (the code won't run in the editor preview)
Visit your site in an incognito window — browser extensions or caching might interfere
Verify the widget key is correct (starts with pk_)

"Code Injection" isn't available:

Code Injection is only available on Business plans and above. Personal plan users don't have access. Time to upgrade, or sweet-talk Squarespace support.

The bot doesn't know my content:

If you added your URL as a source, wait a few minutes for the crawl to complete
Check the source status in the Factfu dashboard — it should say "Ready"
Make sure the pages you want the bot to know about aren't behind a password

Widget clashes with my design:

The widget renders in a shadow DOM, meaning your Squarespace CSS can't accidentally break it (and it can't break your layout)
If the chat bubble overlaps something on mobile, adjust the position in Bots → Customize

Performance

The script loads asynchronously and weighs ~30 KB gzipped. It won't affect your page speed, your SEO, or your Squarespace analytics. The defer attribute ensures your page content loads first — the chat bubble is always the last thing to appear.

Pricing

	Free	Starter ($19/mo)	Pro ($49/mo)
Bots	1	3	Unlimited
Messages/month	200	2,000	5,000
Content sources	5	25	Unlimited
Custom branding	✓	✓	✓
Live chat handoff	—	✓	✓
Zapier integration	—	✓	✓
Slack integration	—	—	✓
Remove "Powered by"	—	—	✓

Wrapping up

Your Squarespace site looks fantastic. But a pretty site that can't answer questions is like a showroom with no staff — visually impressive, functionally frustrating.

A chatbot trained on your content gives visitors instant answers without you having to monitor a live chat dashboard at midnight. One script tag in Code Injection, and your site finally knows how to have a conversation.

Create your free Factfu account and give your site a voice.