11 Labs phone Management LG

🚀 Widget Integration

Seamlessly integrate your conversational AI widget into any website with our optimized embed code

Integration Instructions

Copy the embed code below and paste it into your HTML file
Place the code before the closing </body> tag for optimal performance
The widget will automatically load and display on your website
Customize appearance using the Appearance tab settings

📋 Embed Code

<!-- ElevenLabs Conversational AI Widget -->
<script>
  (function() {
    var widget = document.createElement('script');
    widget.src = 'https://elevenlabs.io/widget.js';
    widget.setAttribute('data-widget-id', 'YOUR_WIDGET_ID');
    widget.setAttribute('data-agent-id', 'YOUR_AGENT_ID');
    document.head.appendChild(widget);
  })();
</script>

<!-- Alternative Implementation -->
<!-- 
<script src="https://elevenlabs.io/widget.js" 
        data-widget-id="YOUR_WIDGET_ID" 
        data-agent-id="YOUR_AGENT_ID">
</script>
-->

Advanced Integration

For React/Vue applications, use the npm package: @elevenlabs/widget
Configure widget position, theme, and behavior via data attributes
Monitor widget events using JavaScript callbacks
Test your integration using browser developer tools

🔧 Widget Management

Widget Lookup

Widget Configuration

Preview

🚀 Widget Integration

Integration Instructions

📋 Embed Code

Advanced Integration

Your Widgets