OmniDim Logo
    HomeDocumentationWeb Bot Widget Integration

    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

  1. No-code deployment with a simple copy-paste script
  2. Customizable design: logo, colors, position, and dimensions
  3. Works seamlessly across all modern websites
  4. Live preview of widget before deployment

    5. 3. How to Deploy the Widget

  5. Go to your agent dashboard
  6. Click the 'Deploy' dropdown
  7. Select 'Web Bot Widget'
  8. Copy the generated embed script
  9. Paste this script inside the <body> tag of your website's HTML page
  10. Save and deploy your website
  11. The widget will appear on your website
  12. Users can interact with your agent by clicking on the widget icon

    13. Click on Web Bot Widget from Deploy menu

    Web widget

    Copy the widget script from the deployment panel

    Copy script UI

    Paste script into your site before closing body tag

    Embed in HTML

    Web widget demo

    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.

  13. Widget Title: Label displayed on the widget (e.g., Product Support)
  14. Logo URL: URL to a 32x32 image or SVG icon
  15. Widget Position: Choose between bottom right or left
  16. Widget Width & Height: Adjust the size in pixels
  17. Colors: Background and text color for branding

    18. Edit title, logo, position, and more

    Widget configuration options

    5. Preview and Test

  18. View the live preview panel on the right to verify widget appearance
  19. Use Chat or Web Call options to simulate user interaction
  20. Adjust any settings until you’re satisfied with the layout and branding

    21. 6. Deployment Tips

  21. Place the script at the bottom of the body tag for optimal loading
  22. Ensure the secret key in the script matches your agent
  23. Use HTTPS hosting for proper widget functionality
  24. Test responsiveness on mobile and desktop browsers