ElevenAgents in Squarespace
Learn how to deploy a ElevenLabs agent to Squarespace
This tutorial will guide you through adding your ElevenLabs Agents agent to your Squarespace website.
Prerequisites
Section titled “Prerequisites”- An ElevenLabs Agents agent created following this guide
- A Squarespace Business or Commerce plan (required for custom code)
- Basic familiarity with Squarespace’s editor
Get your embed code
Visit the ElevenLabs dashboard and find your agent’s embed widget.
HTML <elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai> <script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script>Add the widget to your page
- Navigate to your desired page
- Click + to add a block
- Select Code from the menu
- Paste the
<elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai>snippet into the Code Block - Save the block
Add the script globally
- Go to Settings > Advanced > Code Injection
- Paste the snippet
<script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script>into the Footer section - Save changes
- Publish your site to see the changes
Note: The widget will only be visible on your live site, not in the editor preview.
Troubleshooting
Section titled “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
Section titled “Next steps”Now that you have added your ElevenLabs agent to Squarespace, you can:
- Customize the widget in the ElevenLabs dashboard to match your brand
- Add additional languages
- Add advanced functionality like tools & knowledge base