Chat Widget for ElevenLabs AI
An enhanced, open-source chat widget for ElevenLabs Conversational AI agents. Drop-in replacement with better UX and extensive customisation.
Features
Dynamic Suggestions
Agent can provide clickable choice buttons for guided conversations.
Inline Form Inputs
Collect structured data with text fields, radio buttons, and checkboxes.
Thinking Indicators
See when the agent is processing your request with animated thinking states.
Tool Call Visibility
Watch the agent use tools in real-time with progress indicators and results.
Rich Markdown
Full markdown support including tables, code blocks, and syntax highlighting.
Streaming Text
Real-time text streaming as the agent responds for a natural conversation feel.
Fully Customisable
Themes, colours, quick prompts, feedback modes, and more via simple attributes.
Shadow DOM Isolation
No CSS conflicts with your existing site. Works anywhere, any framework.
Quick Start
Add the widget to your site in seconds with just two lines of code.
<!-- Add the script --> <script src="https://chat.agentflow.au/widget.js"></script> <!-- Add the widget --> <agentflow-chat agent-id="your-elevenlabs-agent-id" theme="dark" title="Support Chat" primary-color="#6366f1" ></agentflow-chat>
Interactive Feature Demos
Explore all the rich content components the widget supports. These are live demos with pre-loaded conversations.
Core Features
Dynamic Choices
Agent provides clickable choice buttons
Inline Form Inputs
Collect structured data with form fields
Quick Prompts
Clickable suggestion chips for quick actions
Rich Content
Product Cards
Display products with images, prices, and ratings
Image Carousel
Swipeable image gallery with navigation
Date Picker
Calendar UI for appointment booking
Video Embed
YouTube, Vimeo, and direct video support
Business Components
Contact Card
Team member with call/email actions
Pricing Cards
SaaS tier comparison with features
Location Card
Address with map and directions
Review Card
Customer testimonial with rating
Interactive Elements
Progress Stepper
Multi-step process indicator
Comparison Table
Side-by-side feature comparison
Countdown Timer
Limited time offer countdown
Slider Input
Range selector for budgets
Utility Components
QR Code
Scannable codes for app downloads
Signature Capture
Digital signature pad
File Upload
Document upload interface
Ready to Get Started?
Add an AI chat widget to your site in minutes. Open source, free forever.