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

# Building Web Bot Workflows

> Design conversational intent routing for your website's live chat automation.

Building a workflow for your Web Bot follows the same core visual principles as our email builder, but it is entirely optimized for real-time, interactive chat. There are no wait times or delayed follow-ups; instead, the bot reacts instantly based on the visitor's messages.

## 1. Accessing the Web Bot Builder

To start building, navigate to your campaign and locate your Web Bot automation card.

Just as we discussed in the [Building Email Workflows](./email) guide, you can click the **Three Dots (Action Menu)** or **Edit Icon** on the card to view, edit, and update your flows. Click edit to open the visual canvas.

## 2. Understanding the Chat Workflow Graph

When you open the Web Bot canvas, you will see a flow designed for instant categorization.

<img className="block dark:hidden" src="https://mintcdn.com/cybernauts/XycEY5_4lIMjVw0Q/images/web-bot-workflow-canvas-light.png?fit=max&auto=format&n=XycEY5_4lIMjVw0Q&q=85&s=c1423ee016f39ce94d36f0865b955490" alt="Web Bot Workflow Canvas Light" width="1044" height="684" data-path="images/web-bot-workflow-canvas-light.png" />

<img className="hidden dark:block" src="https://mintcdn.com/cybernauts/XycEY5_4lIMjVw0Q/images/web-bot-workflow-canvas-dark.png?fit=max&auto=format&n=XycEY5_4lIMjVw0Q&q=85&s=af9fbec2a8d343460f714ccabcc56d54" alt="Web Bot Workflow Canvas Dark" width="1038" height="685" data-path="images/web-bot-workflow-canvas-dark.png" />

As shown in the graph above, the flow starts with an **Initial Chat** node where you configure your agent's base instructions. From there, the workflow branches out into different paths depending on what the visitor types.

For example, the AI analyzes the visitor's first message and routes them accordingly:

* **If intent is `Sales Inquiries`**, the bot shifts to a **Capture Email** node to secure the lead's contact info.
* **If intent is `Support`**, the bot shifts to an **Ask Issue** node to gather troubleshooting details.
* **If intent is `General Queries`**, the bot shifts to a **Provide Information** node to answer basic FAQs.

## 3. Configuring Chat Nodes (Intents Only)

To configure these specific rules, click the edit icon on any chat node. The **"Configure Chat"** sidebar will slide open.

**Key Difference:** You will notice this configuration screen is much simpler than the Email or WhatsApp setup. Because the Web Bot is live, there are no delay settings or complex variable dropdowns. This sidebar focuses entirely on **Intents**.

<img className="block dark:hidden" src="https://mintcdn.com/cybernauts/XycEY5_4lIMjVw0Q/images/web-bot-configure-chat-light.png?fit=max&auto=format&n=XycEY5_4lIMjVw0Q&q=85&s=0af4c0bb1ae5408745fee2c626253e75" alt="Web Bot Configure Chat Light" width="765" height="774" data-path="images/web-bot-configure-chat-light.png" />

<img className="hidden dark:block" src="https://mintcdn.com/cybernauts/XycEY5_4lIMjVw0Q/images/web-bot-configure-chat-dark.png?fit=max&auto=format&n=XycEY5_4lIMjVw0Q&q=85&s=52f0a81e3d0bd207b48966e8e0312a67" alt="Web Bot Configure Chat Dark" width="772" height="784" data-path="images/web-bot-configure-chat-dark.png" />

Here, you dictate exactly which intents (like *Sales*, *Support*, or *General*) the AI should listen for. By defining these intents, you are creating the branches that build the graph we saw in the previous step.

*(If you need a refresher on how to create and manage these AI categories, the logic is identical to the [Intent Branches](./email#3-handling-replies-intent-branches) detailed in our email documentation).*

## 4. Saving Your Web Bot Flow

When your conversational branches are complete:

1. First, make sure you save any specific node you are editing by clicking the **Save** button at the bottom of the "Configure Chat" sidebar.
2. Once your entire visual workflow looks perfect, navigate to the top right of the screen and click **Save & Back**.

Clicking **Save & Back** will securely save your live chat automation and return you to your main campaign dashboard.
