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

# WebBot Installation

> Embed the AI chat widget on your website to capture inbound leads.

The **WebBot** is a defensive agent. While other agents go *out* to find leads, the WebBot waits on your site to answer questions from visitors 24/7.

## 1. Configuration

Before you can install the bot, you must customize its appearance and behavior.

**Step 1:** Click the **Settings (Gear)** icon next to **WebBot**.

**Step 2:** Fill in the **Configuration Form**:

* **Agent Name:** The name visitors will see (e.g., "Support Assistant").
* **Agent Position:** Choose where the chat bubble sits (Bottom Right is standard).
* **Greeting Message:** The first thing the bot says (e.g., "Hi! How can I help?").
* **Agent Color:** Match this to your brand's color code.

<img className="block dark:hidden" src="https://mintcdn.com/cybernauts/YaC1tuhN94kpbnM9/images/webbot-config-light.png?fit=max&auto=format&n=YaC1tuhN94kpbnM9&q=85&s=5a2d98e3a7d20c5eb2aa5ede1796805c" alt="WebBot Config Light" width="751" height="817" data-path="images/webbot-config-light.png" />

<img className="hidden dark:block" src="https://mintcdn.com/cybernauts/YaC1tuhN94kpbnM9/images/webbot-config-dark.png?fit=max&auto=format&n=YaC1tuhN94kpbnM9&q=85&s=fed0b8c21a5c01d5d94014e6aa7be2a6" alt="WebBot Config Dark" width="754" height="817" data-path="images/webbot-config-dark.png" />

## 2. Generating the Script

The installation code is hidden until you save your settings.

**Step 1:** Click the purple **Save** button at the bottom right.

**Step 2:** Scroll down to the newly visible **Embed Codes** section.

**Step 3:** Copy the **JavaScript Code** from the gray box.

<img className="block dark:hidden" src="https://mintcdn.com/cybernauts/F6APzk0-1aT1D8Cn/images/webbot-script-light.png?fit=max&auto=format&n=F6APzk0-1aT1D8Cn&q=85&s=c8ee13f4030e5776227750ed7b28de06" alt="WebBot Script Light" width="615" height="292" data-path="images/webbot-script-light.png" />

<img className="hidden dark:block" src="https://mintcdn.com/cybernauts/F6APzk0-1aT1D8Cn/images/webbot-script-dark.png?fit=max&auto=format&n=F6APzk0-1aT1D8Cn&q=85&s=6cafc5104bade3238d8d7d61cccfcb35" alt="WebBot Script Dark" width="616" height="289" data-path="images/webbot-script-dark.png" />

## 3. Installation

To make the bot appear on your site, paste the code into your website's HTML source.

**Where to Paste:**
Paste the code inside the `<head>` or `<body>` tags of your website.

* **WordPress:** Use a plugin like "Insert Headers and Footers".
* **Custom Site:** Paste it into your `index.html` file.
