How to Add a Chatbot to Squarespace (Code Injection Method)

Squarespace sites look great and answer nothing. There's no built-in chat, so when a visitor on your beautifully designed services page wonders about pricing or availability, their options are your contact form or the back button — and the back button usually wins.

Squarespace's code injection feature solves this in one paste. Here's the full walkthrough for adding an AI chatbot trained on your business content, site-wide or on a single page.

What you'll need

• A Squarespace site on a Business plan or higher — code injection isn't available on the Personal plan (per-page code blocks are, more on that below)
• A free Naruva account with a bot trained on your content — services, pricing, policies, FAQs

Step 1: Get your embed snippet

In your Naruva dashboard, train your bot (upload documents, paste a URL, or describe your business), style the widget to match your site, toggle it public, and copy the snippet from the Embed tab:

<!-- Paste before the closing </body> tag -->
<iframe
  src="https://naruva.ai/chat/YOUR-BOT-ID"
  style="position:fixed;right:20px;bottom:20px;…"
></iframe>

Step 2: Paste it into code injection

1. In your Squarespace dashboard, go to Settings → Developer Tools → Code Injection (on some versions: Settings → Advanced → Code Injection)
2. Paste the Naruva snippet into the Footer box
3. Click Save

The footer box injects your snippet on every page, which is exactly what you want for a floating chat widget. Squarespace's own reference on code injection is here if your admin layout looks different.

On the Personal plan? Use a code block instead

Site-wide injection needs the Business plan, but every plan supports code blocks inside pages. Edit a page, add a block, choose Code, and paste the snippet. The widget will appear only on that page — put it on your contact, pricing, and services pages where questions actually happen.

Step 3: Test it

Notice what happened in that exchange: the visitor got a real answer and a next step. That's the pattern that turns chat into leads — we cover it in depth in our lead generation guide.

Will it affect my site's design or speed?

No. The widget is an iframe that floats above your layout in the corner — it doesn't touch your fonts, styles, or Squarespace template, and it loads after your page content so your visitors (and your PageSpeed score) never wait on it. You control its colors and personality from the Naruva dashboard, so it can match your site's palette exactly.

Your Squarespace site already makes a good first impression — now it can hold the conversation too. Create your free bot and have it live before your next client inquiry comes in.