# Interface

The Bot Builder is where you visually design chatbot workflows using blocks and actions. Here’s a breakdown of the main components to help you navigate and build effectively:

## Canvas

The central workspace where your entire chatbot flow is designed.

Each conversation path is represented visually, allowing you to drag, drop, and connect blocks in a flowchart-style interface. This is your main area for building and structuring the bot logic.

<figure><img src="/files/cnXxuUyPB6LfPPxKNlBA" alt=""><figcaption></figcaption></figure>

## Action blocks

Each block on the canvas represents a specific action — such as sending a message, collecting user input, booking a meeting, handing off to an agent, or using an AI agent.

These are the building blocks of your bot and can be connected in sequences to define how your chatbot should behave.

[See all action blocks](/build/action-blocks.md)

<figure><img src="/files/v9uB8hJPgOWJdSlVFCvp" alt=""><figcaption></figcaption></figure>

## Action panel

When you click on any action block, the right-hand Action Panel appears.

This panel lets you configure the settings for that specific block — such as messages, conditions, API calls, or AI agent behavior. It’s where the customization happens.

<figure><img src="/files/EyoUlkSDEY6mev9ubvGm" alt=""><figcaption></figcaption></figure>

## Utility tools

Located at the bottom of the canvas, the utility bar includes tools to:

* Search blocks across the flow
* Undo / Redo changes
* Zoom in/out or fit the view
* Recenter the canvas
* Toggle grid lines for better alignment

These tools help streamline your building experience and keep things organized.

<figure><img src="/files/M0SPzya47GAoejZbgOvV" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.wotnot.io/build/interface.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.