​
Configuring and Publishing the Chat Widget

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

​
Accessing the 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 chat widget.

  2. Open Widget Settings

    • Click the three-dot Actions menu next to your agent.
    • Select Widgets from the dropdown.

​
Configuring the Widget

  1. Chat Settings
    • Upload a custom logo.
    • Enable or disable Auto Open Chat.
    • Set the Widget Position (Left or Right Bottom).
    • Adjust size, margins, and round corners.
  1. Design Customization
    • Customize header background, text, and close button color.
    • Change message background and text colors.
    • Modify input field colors and placeholder text.

​
Generating and Embedding the Widget

  1. Copy the Embed Code
    • 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.

​
Testing the Chat Widget

  1. Open your website and verify that the chat widget appears.
  2. Test interactions to ensure responses are working correctly.