Web Bot Widget Integration Guide
Learn how to deploy your voice AI agent as a chat widget on your website.
1. Overview
The Web Bot Widget allows you to deploy your OmniDimension agent on any website as a floating chat interface. Customers can engage with your AI agent directly from your site.
2. Key Benefits
- No-code deployment with a simple copy-paste script
- Customizable design: logo, colors, position, and dimensions
- Works seamlessly across all modern websites
- Live preview of widget before deployment
3. How to Deploy the Widget
- Go to your agent dashboard
- Click the 'Deploy' dropdown
- Select 'Web Bot Widget'
- Copy the generated embed script
- Paste this script inside the <body> tag of your website's HTML page
- Save and deploy your website
- The widget will appear on your website
- Users can interact with your agent by clicking on the widget icon
Click on Web Bot Widget from Deploy menu
Copy the widget script from the deployment panel
Paste script into your site before closing body tag
Web widget demo
4. Widget Configuration
After clicking 'Web Bot Widget' from Deploy menu, you'll be taken to the configuration screen where you can customize the widget's appearance.
- Widget Title: Label displayed on the widget (e.g., Product Support)
- Logo URL: URL to a 32x32 image or SVG icon
- Widget Position: Choose between bottom right or left
- Widget Width & Height: Adjust the size in pixels
- Colors: Background and text color for branding
Edit title, logo, position, and more
5. Preview and Test
- View the live preview panel on the right to verify widget appearance
- Use Chat or Web Call options to simulate user interaction
- Adjust any settings until you’re satisfied with the layout and branding
6. Deployment Tips
- Place the script at the bottom of the body tag for optimal loading
- Ensure the secret key in the script matches your agent
- Use HTTPS hosting for proper widget functionality
- Test responsiveness on mobile and desktop browsers