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.
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.