Home / Blog / Guides

How to add AI chat to a Squarespace site

One line in Code Injection, and it answers the enquiries your contact form was never going to catch.

Adding AI chat to Squarespace takes one snippet in Settings, Advanced, Code Injection, pasted into the Footer box. That applies it to every page, and there is no plugin to install because the assistant reads your published pages rather than connecting to Squarespace.

Code Injection needs a Business plan or higher. On Personal there is no injection panel, which is the one thing that stops people before they start.

The three steps

  1. Add your site address. It reads your pages the way a visitor sees them: services, pricing, about, FAQ, blog posts and any store products.
  2. Check what it read and upload what is missing. On Squarespace sites the gap is usually a PDF price list or a terms document that was never turned into a page.
  3. Paste the snippet into Settings, Advanced, Code Injection, Footer. Save. It is live on every page.

Footer rather than header matters: it loads after your content, so your page appears at the same speed it did before.

The contact form problem

Squarespace sites lean on a contact form, and a form converts a fraction of the people who had a question.

Somebody wondering whether you cover their area, or what a session costs, or whether you take a particular insurer, will not fill in a form and wait a day to find out. They will check the next result. The form only catches people who had already decided.

An assistant catches the rest, because answering is cheaper for them than asking. And when the answer leads somewhere, it can take the email at that point, which is a warmer lead than a form fill because you already know what they wanted.

Worth testing: count how many enquiries your form got last month, then count how many visitors the site had. The gap is the group an assistant is for.

If you use Squarespace Scheduling

The assistant works alongside it rather than replacing it. It answers what a service costs, how long it takes, what to bring and what your cancellation policy is, then points at your booking page.

What it will not do today is read live availability, so it should not promise a specific slot. Better behaviour is honest: explain the options, take the enquiry, and let your booking page or your team confirm the time. Promising a Thursday that is already taken is worse than not promising.

Match it to the design

Squarespace sites are usually chosen for how they look, and a mismatched chat bubble undoes some of that. Set the colour, avatar and greeting to your palette before launch.

Check the position too. Several Squarespace templates already anchor something bottom right, and two elements competing for the same corner looks like an accident, because it is.

See it in AidEcho: the website support agent installs the same way on Wix, Webflow, Framer, WordPress and plain HTML, so the choice of builder never locks you in.

FAQ

Answers, before you ask.

Where does the code go in Squarespace?

Settings, Advanced, Code Injection, in the Footer box. That applies it to every page. Code Injection requires a Business plan or higher.

Does it work with Squarespace Scheduling?

Alongside it. The assistant answers questions about services, prices and your cancellation policy from your pages, then points at your booking page. It does not read live availability.

Will it clash with my design?

Set the colour, avatar and position before launch. Watch the bottom right corner, which several templates already use.

Is this better than the contact form?

It catches a different group. The form catches people who already decided to get in touch. The assistant catches the larger group who had a question and would otherwise have left.

Catch the enquiries your form misses.

Add your Squarespace site, watch it read every page, then paste one line into Code Injection. Free to start.

No credit card to start.