How long does it take to add Nivon to Squarespace?

A few minutes. Paste the code from the Integration tab into the Footer field in Code Injection and click Save.

Which Squarespace plans support Code Injection?

Code Injection is available on Core, Plus and Advanced, and on some legacy plans such as Business and Commerce. It isn't included in the Basic or Personal plans.

Where do I find Code Injection?

On version 7.1, open Pages, scroll to Custom Code and select Code Injection. Some dashboards list it under Settings > Advanced instead, and version 7.0 sites have it under Website Tools.

Should I use the Header or the Footer field?

Use the Footer field. It places the script before the closing body tag, so your page content loads first.

Will the chatbot show on checkout pages?

The Footer field covers your site's regular pages. Squarespace's checkout is handled separately, so don't count on the widget appearing there.

Do I need to update the code when I change my chatbot?

No. Changes to the model, tone, appearance or knowledge come from Nivon automatically. You only need new code if you regenerate the published key or switch to a different agent.

Squarespace AI Chatbot: Add Nivon With Code Injection

What you can do

One script, every page

Code in the Footer field loads on every page of your Squarespace site.

Quick setup

Paste one script into Code Injection and you're done. No developer needed.

Live when you save

Save Code Injection and the widget appears on your site. There's no separate publish step.

Settings stay in Nivon

Change the model, tone, appearance or knowledge in Nivon without opening Squarespace again.

FAQs

A Squarespace AI chatbot from Nivon answers your visitors using your own pages, docs and files. Copy the HTML code from your Nivon dashboard, paste it into the Footer field in Code Injection, and save. The chat widget then appears on every page.

How do I add Nivon to a Squarespace site?

Before you begin

A Squarespace plan that includes Code Injection: Core, Plus, Advanced, or a legacy plan such as Business or Commerce. The Basic and Personal plans don't include it.
Administrator access to the site.
A Nivon agent that's set up and ready to answer questions.

Step 1: Copy the HTML code from Nivon

Log in to the Nivon dashboard, open your agent and go to the Integration tab. Under Add the code manually, select HTML and copy the code. It already includes your published key and chatbot ID.

The code looks like this. Paste the version from your Integration tab rather than this example, so your own values are in it.

Code Injection > Footer

<script
  src="https://assets.nivon.ai/agent/widget.min.js"
  data-publish-key="YOUR_PUBLISH_KEY"
  data-chatbot-id="YOUR_CHATBOT_ID"
  defer
></script>

Step 2: Paste the code into Code Injection

Open Code Injection. On version 7.1, go to Pages, scroll to Custom Code and select Code Injection. Some dashboards show it under Settings > Advanced > Code Injection, and 7.0 sites have it under Website Tools.
Paste the Nivon code into the Footer field. Footer code is added before the closing body tag on every page.
Click Save.

Step 3: Check your live site

Code Injection changes go live as soon as you save. Open your site in a private browser window so you see it the way visitors do, rather than inside the editor.

Step 4: Test the chatbot

Open the chat widget and send a test message. Check that the right agent replies.

What can you use a Squarespace chatbot for?

Creative and service businesses: answer questions about packages, pricing, turnaround and availability.
Squarespace Commerce stores: handle product, shipping and return questions from your store pages and policies.
Coaches, consultants and course creators: answer common questions before someone books a call or signs up.

I can't find Code Injection

Your plan may not include it. Code Injection needs Core, Plus, Advanced, or a legacy Business or Commerce plan. Check your plan under Billing, and upgrade if needed.

It's missing on the live site

Check that the code is in the Footer field and that you clicked Save.
View the site in a private window instead of the editor.
Check that you pasted the complete script from the Integration tab.
If you've added allowed domains in Nivon, add your Squarespace domain too, plus the squarespace.com address if you test there.

The wrong chatbot appears

Compare the chatbot ID in the code with the agent you meant to install, then copy the code again from that agent's Integration tab.

Good to know

Code Injection applies to your whole site, so new pages get the chatbot automatically.
Model, tone, appearance and knowledge are managed in Nivon, so changing them doesn't mean pasting new code.
If you regenerate your published key in Nivon, replace the code in the Footer field and save.
When no allowed domain is listed, the widget loads on any site. Once you add one, add your Squarespace domain to the list as well.
Installing somewhere else? See Installation Guides for HTML, React, Next.js, WordPress and Google Tag Manager.

Squarespace AI Chatbot