ElevenAgents in WordPress
Learn how to deploy a ElevenLabs agent to WordPress
This tutorial will guide you through adding your ElevenLabs Agents agent to your WordPress website.
Prerequisites
Section titled “Prerequisites”-
An ElevenLabs Agents agent created following this guide
-
A WordPress website with either:
- WordPress.com Business/Commerce plan, or
- Self-hosted WordPress installation
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 a page
- In WordPress, edit your desired page
- Add a Custom HTML block
- Paste the
<elevenlabs-convai agent-id="YOUR_AGENT_ID"></elevenlabs-convai>snippet into the block - Update/publish the page
Add the script globally
Option A: Using a plugin
- Install Header Footer Code Manager
- Add the snippet
<script src="https://unpkg.com/@elevenlabs/convai-widget-embed" async type="text/javascript"></script>to the Footer section - Set it to run on All Pages
Option B: Direct theme editing
- Go to Appearance > Theme Editor
- Open footer.php
- Paste the script snippet before
</body>
Troubleshooting
Section titled “Troubleshooting”If the widget isn’t appearing, verify:
- The
<script>snippet is added globally - The
<elevenlabs-convai>snippet is correctly placed in your page - You’ve published your site after making changes
Next steps
Section titled “Next steps”Now that you have added your ElevenLabs agent to WordPress, you can:
- Customize the widget in the ElevenLabs dashboard to match your brand
- Add additional languages
- Add advanced functionality like tools & knowledge base