Short answer: Add an AI chatbot to Squarespace by pasting one line of embed code into Settings, Advanced, Code Injection, in the Footer field, then saving. It loads on every page automatically and usually goes live in about ten minutes.
Squarespace makes this cleaner than most platforms because Code Injection applies site-wide from a single field. You do not need a plugin, a developer, or a per-page code block. For a service business, that means your site can start answering questions and taking booking requests fast.
How do I add a chatbot to Squarespace step by step?
Open your Squarespace dashboard and go to Settings. Find "Advanced," then choose "Code Injection." You will see two boxes: Header and Footer. Paste your chatbot's embed snippet into the Footer field so it loads after your page content, then click Save.
That single field applies to every page on your site, so you do not repeat the process anywhere. Publish or refresh a live page and the chat bubble should appear in the corner. If you use a custom domain and a Business or Commerce plan, Code Injection is available; the lightest personal plans may restrict it.
If settings are not your thing, a provider offering done-for-you setup can place the snippet for you. Either way, there are no theme files to edit and nothing to break in your design.
Should I use Code Injection or an embed block?
Code Injection is the right tool for a floating chatbot, while an embed block is meant for content that sits inside a page. A chat widget needs to appear on every page in a fixed corner, so the site-wide Footer field is exactly what you want. An embed block would trap it on one page only.
We have seen owners drop a chatbot into a single embed block on their contact page, then wonder why visitors on the pricing or services page never see it. Code Injection avoids that entirely. One paste, every page, no exceptions.
Keep the snippet in the Footer rather than the Header. Footer placement means the script loads after your visible content, so your page appears first and the chat bubble follows a beat later.
What should I look for in a Squarespace chatbot?
Choose a chatbot that learns from your existing Squarespace pages instead of one you have to script line by line. The tools worth using read your services, hours, and pricing, then answer in your own words. That saves hours of writing canned responses and keeps answers accurate as your site grows.
Confirm how it captures leads. A strong chatbot turns a late-night question into a booking request delivered by email or webhook, so you wake up to real inquiries rather than missed chances. Check the billing model as well: flat monthly pricing keeps costs steady, while per-conversation fees rise on your busiest days.
Clerkzo trains on your pages, delivers leads instantly, and uses flat pricing from $19 with no per-conversation charges. Whatever tool you pick, make sure it works alongside your current booking system rather than forcing a switch.
Will Code Injection affect my Squarespace design?
No, Code Injection sits separate from your template and content, so it will not alter fonts, colors, or layout. The chatbot renders as its own floating element on top of the page. You can switch templates or restyle sections without touching the snippet.
Still, test after saving. View your site on mobile and desktop, confirm the chat bubble does not cover your navigation or a call-to-action button, and check that pages load quickly. If the bubble overlaps something important, most chatbots let you adjust its position or side from their own dashboard, no Squarespace edit needed.
Common Squarespace gotchas
A few snags come up repeatedly on Squarespace installs:
Plan level. Code Injection is a premium feature. If you cannot find the field under Settings and Advanced, your plan is the likely reason, not a missing setting.
Editor preview versus the live site. Judge the install from your published site in a private browser window, not from inside the editor.
Curly quotes. Pasting the snippet through a notes app or word processor can silently convert straight quotes into curly ones, which breaks the script. Copy directly from your chatbot dashboard into the Footer field.
Both fields at once. Pasting into Header and Footer gives you two copies of the script, and sometimes two chat bubbles. Keep it in the Footer only.
Once it is live, make sure the pages it trained on actually answer real customer questions, services, pricing, and policies, and let it capture whatever it cannot answer. The lead capture chatbot page shows what a captured enquiry looks like at the other end.
Key takeaways
- Paste the snippet into Settings, Advanced, Code Injection, Footer, then save.
- The Footer field applies site-wide, so the chatbot shows on every page automatically.
- Use Code Injection, not an embed block, so the widget is not stuck on one page.
- Prefer a chatbot that trains on your pages and delivers leads by email or webhook.
Frequently asked questions
Which Squarespace plan do I need for Code Injection? Code Injection is available on Business and Commerce plans, and on the higher-tier Personal plan in some cases. The most basic plans restrict it, so confirm your plan level before you start.
Header or Footer, which field should I use? Use the Footer for a chatbot. Footer scripts load after your page content, so visitors see your site first and the chat bubble appears shortly after, keeping the page feeling fast.
Can the chatbot handle bookings without replacing my scheduler? Yes. It answers questions and captures booking requests, then passes them along. It works alongside your existing scheduling software and phone line rather than taking over. See our website chatbot overview.
Clerkzo is an AI chat widget that trains on your Squarespace pages and captures booking requests 24/7. See it on your site.