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

# Overview

Workflow Built lets you create a Bot by connecting and configuring nodes in a visual builder. Each node represents a browser action, condition, data operation, or output step.

Use Workflow Built when you know the steps the browser should follow and want direct control over the order, conditions, loops, and extracted fields.

## How Workflow Built Works

### 1. Open the Workflow Builder

Select `Create`, find `Build with Workflow`, and select `Open editor`.

<img src="https://mintcdn.com/browseract/29l4R2D8vKlJa4eu/images/create-workflow-built-bot.png?fit=max&auto=format&n=29l4R2D8vKlJa4eu&q=85&s=715ccec1f39b4b80f5cc010d78dfb78b" alt="Open Build with Workflow from the Create menu" width="1759" height="742" data-path="images/create-workflow-built-bot.png" />

### 2. Create the Workflow

Enter an `AI Workflow Name`, add an optional description, and select `Create`.

<img src="https://mintcdn.com/browseract/NsOCzqG0hq750owC/images/name-workflow-built-bot.png?fit=max&auto=format&n=NsOCzqG0hq750owC&q=85&s=68006a62aac3de04f7a0c6bcd5226c5c" alt="Name and create the Workflow Built Bot" width="1749" height="626" data-path="images/name-workflow-built-bot.png" />

### 3. Configure the Start Node

Use the Start node to configure the settings the Bot needs before its first action:

* Input parameters
* Supported website credentials or login prompts
* Default browser mode and proxy region
* Default output format

### 4. Add and Configure Nodes

Select the `+` below a node to open the Node Action Library. Add the browser actions, data operations, conditions, loops, and output nodes required for the task.

<img src="https://mintcdn.com/browseract/Hr8lt4ILVIVAd2kj/images/workflow-builder-add-node.png?fit=max&auto=format&n=Hr8lt4ILVIVAd2kj&q=85&s=78c7440520483289321b2549574cbae9" alt="Add a node from the Node Action Library" width="1866" height="791" data-path="images/workflow-builder-add-node.png" />

Connect the nodes in execution order and configure each node before testing the Bot.

## Mapping Manual Actions to Nodes

To automate a web task, map each manual browser interaction to a BrowserAct node:

| Manual interaction        | BrowserAct node                                          |
| ------------------------- | -------------------------------------------------------- |
| Open a URL                | [**Visit Page**](./node-types/visit-node.mdx)            |
| Type text into a field    | [**Input Text**](./node-types/input-text-node.mdx)       |
| Click a button or link    | [**Click Element**](./node-types/click-element-node.mdx) |
| Scroll the viewport       | [**Scroll Page**](./node-types/scroll-page-node.mdx)     |
| Navigate to the next page | [**Pagination**](./node-types/pagination-node.mdx)       |
| Copy text or data         | [**Extract Data**](./node-types/extract-data-node.mdx)   |
| Repeat actions for a list | [**Loop**](./node-types/loop-node.mdx)                   |

**Key distinction:** A Workflow defines **what** the business goal is, while Nodes define **how** the browser executes each step technically.

### Node Examples

**Visit Page** opens the target URL.

<img src="https://mintcdn.com/browseract/Hr8lt4ILVIVAd2kj/images/workflow-overview-visit-page.png?fit=max&auto=format&n=Hr8lt4ILVIVAd2kj&q=85&s=87216e8e2d7d154a5d1917310272da7b" alt="Visit Page node configured for Google Maps" width="797" height="523" data-path="images/workflow-overview-visit-page.png" />

**Input Text** enters values into a selected field.

<img src="https://mintcdn.com/browseract/Hr8lt4ILVIVAd2kj/images/workflow-overview-input-text.png?fit=max&auto=format&n=Hr8lt4ILVIVAd2kj&q=85&s=d27f7a0698fa682bf4b9ca3d7defe7f0" alt="Input Text node configured for a Google Maps search" width="818" height="999" data-path="images/workflow-overview-input-text.png" />

**Click Element** reproduces button and link clicks in the required order.

<img src="https://mintcdn.com/browseract/Hr8lt4ILVIVAd2kj/images/workflow-overview-click-element.png?fit=max&auto=format&n=Hr8lt4ILVIVAd2kj&q=85&s=985984b0cf1963a99a294687c6358f1c" alt="Click Element nodes configured for the Google Maps example" width="796" height="1724" data-path="images/workflow-overview-click-element.png" />

**Extract Data** collects the required fields from the page.

<img src="https://mintcdn.com/browseract/Hr8lt4ILVIVAd2kj/images/workflow-overview-extract-data.png?fit=max&auto=format&n=Hr8lt4ILVIVAd2kj&q=85&s=f52ad6277aa4c4c80b56df4ec02ba936" alt="Extract Data node configured for restaurant records" width="812" height="897" data-path="images/workflow-overview-extract-data.png" />

### 5. Test, Publish, and Run

Test the workflow and correct any failed steps. When the result is ready, publish the Bot and run it with the required inputs.

After publishing, the automation is managed and run as a Bot. New runs use its latest published version.

## Common Building Blocks

* **Start:** Define input parameters used by the Bot.
* **Browser nodes:** Visit pages, click elements, enter text, scroll, wait, and manage tabs.
* **Logic nodes:** Add conditions, loops, list iteration, and pagination.
* **Extraction nodes:** Extract page data or data from the current list item.
* **Start:** Define the Bot inputs, browser settings, and default output format.

See **Node Types** for the configuration and usage of every available node.

## Workflow Built or Agent Built?

* Choose **Workflow Built** when you want to define and control each step in the visual builder.
* Choose **Agent Built** when you want to describe the data you need and let BrowserAct explore and build the extraction path.

Both methods create Bots that can be managed, published, and run from BrowserAct Cloud.

## Next Step

Continue to [Build Your First Workflow Built Bot](./build-your-first-bot.mdx).
