> ## Documentation Index
> Fetch the complete documentation index at: https://docs.monobot.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Voice

# Configuring and Publishing the Call Widget

This guide explains how to configure and publish the Monobot CX call widget on your website.

## Accessing the Call Widget Configuration

1. **Navigate to AI Agents**
   * Click on the **AI Agents** tab in the left sidebar.
   * Find the agent for which you want to configure the call widget.

2. **Open Widget Settings**
   * Click the three-dot **Actions** menu next to your agent.
   * Select **Widgets** from the dropdown.
   * Click on the **Call** tab.

## Configuring the Call Widget

1. **Copy the Call Widget Identifier**

   * Locate the `data-voice` attribute on the page.
   * Use this attribute in your custom button or HTML element.

   ```html theme={null}
   <button data-voice="your-widget-id">Call</button>
   ```

2. **Embed the Call Widget Script**
   * Scroll down to the **Script Section**.
   * Click **Copy** to copy the widget embed code.

3) **Paste it on Your Website**

   * Open the HTML file of your website.
   * Paste the copied script before the closing `</body>` tag.
   * Save and deploy your website.

   ```html theme={null}
   <script>
   (function(d, w) {
       var c = {wid: 'your-widget-id'};
       c.s = '[data-voice="your-widget-id"]';
       if (w.voice_bots) w.voice_bots.push(c);
       else w.voice_bots = [c];
       if (!w.vs) {
           w.vs = true;
           var s = d.createElement('script');
           s.async = true;
           s.type = 'module';
           s.src = 'https://dev.monobot.ai/widget/voice.js';
           if (d.head) d.head.appendChild(s);
       }
   })(document, window);
   </script>
   ```

## Testing the Call Widget

1. Open your website and verify that the call widget appears.
2. Click the button and ensure voice interactions are working correctly.