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

# Chat

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

2) **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.

2) **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.