Conversational AI in Squarespace

Learn how to deploy a Conversational AI agent to Squarespace

This tutorial will guide you through adding your ElevenLabs Conversational AI agent to your Squarespace website.

Prerequisites

  • An ElevenLabs Conversational AI agent created following this guide
  • A Squarespace Business or Commerce plan (required for custom code)
  • Basic familiarity with Squarespace’s editor

Guide

1

Get your embed code

Visit the ElevenLabs dashboard and find your agent’s embed widget.

1<elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai>
2<script src="https://elevenlabs.io/convai-widget/index.js" async type="text/javascript"></script>
2

Add the widget to your page

  1. Navigate to your desired page
  2. Click + to add a block
  3. Select Code from the menu
  4. Paste the <elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai> snippet into the Code Block
  5. Save the block
3

Add the script globally

  1. Go to Settings > Advanced > Code Injection
  2. Paste the snippet <script src="https://elevenlabs.io/convai-widget/index.js" async type="text/javascript"></script> into the Footer section
  3. Save changes
  4. Publish your site to see the changes

Note: The widget will only be visible on your live site, not in the editor preview.

Troubleshooting

If the widget isn’t appearing, verify:

  • The <script> snippet is in the Footer Code Injection section
  • The <elevenlabs-convai> snippet is correctly placed in a Code Block
  • You’ve published your site after making changes

Next steps

Now that you have added your Conversational AI agent to Squarespace, you can:

  1. Customize the widget in the ElevenLabs dashboard to match your brand
  2. Add additional languages
  3. Add advanced functionality like tools & knowledge base
Built with