# Web chat widget (/docs/dashboard-guides/web-chat-widget)

> Deploy your voice AI agent as a chat widget on your website with a no-code embed script.













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.

<Steps>
  <Step>
    ### Key benefits [#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
  </Step>

  <Step>
    ### How to deploy the widget [#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

        <img alt="Click on Web Bot Widget from Deploy menu" src="__img0" />

        <img alt="Copy the widget script from the deployment panel" src="__img1" />

        <img alt="Paste script into your site before closing body tag" src="__img2" />

        <img alt="Web widget demo" src="__img3" />
  </Step>

  <Step>
    ### Widget configuration [#widget-configuration]

    After clicking **Web Bot Widget** from the 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 and height**: Adjust the size in pixels
    * **Colors**: Background and text color for branding

        <img alt="Edit title, logo, position, and more" src="__img4" />
  </Step>

  <Step>
    ### Preview and test [#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
  </Step>

  <Step>
    ### Deployment tips [#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
  </Step>
</Steps>
