WebChatAgent Logo

Add an AI Chatbot to Squarespace

Squarespace

Add an AI chatbot to your Squarespace site using the built-in Code Injection feature. You paste a short snippet into the Footer field and it appears on every page. This works on all current Squarespace plans and takes about a minute.

Step-by-Step Setup

  1. Open Code Injection — In your Squarespace dashboard, go to Settings > Advanced > Code Injection.
  2. Paste into Footer — In the Footer field, paste the following code:
<script src="https://webchatagent.com/widget/web-chat-agent.js" async></script>
<web-chat-agent chatbot-id="YOUR_ID"></web-chat-agent>
  1. Replace YOUR_ID with your actual Chatbot ID from the WebChatAgent dashboard.
  2. Save — Click Save. The chat widget will now appear on every page of your Squarespace site.

Adding to a Single Page Only

If you only want the chatbot on a specific page:

  1. Open the page in the Squarespace editor.
  2. Add a Code Block (click Add Block > Code).
  3. Paste the same code snippet above.
  4. Toggle off Display Source to render the widget.

Finding Your Chatbot ID

Log in to your WebChatAgent dashboard, open your assistant, and go to Channels → Chat widget. Expand Show installation details and click Copy code. The snippet already contains your Chatbot ID, so paste the whole thing instead of typing the ID.

Troubleshooting

  • Widget not showing? — Squarespace caches pages aggressively. Try viewing your site in an incognito window or clearing your browser cache.
  • Code Injection not available? — Code Injection is available on all current Squarespace plans. Make sure you are in the site dashboard (not the editor) under Settings > Advanced.
  • Widget covers content? — The widget renders as a floating bubble in the bottom-right corner. Change desktop and mobile offsets under Channels → Chat widget → Behavior → Positioning.