​
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.
    <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.

  1. 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.
    <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.