WebChatAgent Logo

Squarespace

Add an AI chatbot to your Squarespace site using the built-in Code Injection feature. This works on all Squarespace plans.

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 chatbot, and go to the Widget Integration section. Your Chatbot ID is displayed there and can be copied with one click.

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. You can customize its position in the WebChatAgent dashboard under Widget Customization.