> For the complete documentation index, see [llms.txt](https://help.usejimo.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.usejimo.com/docs/experiences/surveys/flow-builder.md).

# Flow Builder

The Flow Builder simplifies how you create and manage multi-step experiences. Instead of navigating through individual steps via a top bar, you now have a **global view of the entire journey**.&#x20;

Easily switch between steps, visualize progress, and manage the flow in one centralized interface.

## **First Time in the Flow Builder**

When you create a new experience from scratch, the Flow Builder provides a clean, structured workspace to organize your experience.

#### **Key Features in the Main View :**

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

1. **Top Bar: General Options**
   * **(A) Tab Switcher:** Easily switch between the **Flow Builder** and **Content Builder**.
   * **(B) General Settings:** Rename your experience or go back to the dashboard.
   * **(D) Generic Options:** Access warnings, save progress, preview your experience, or go to **Target & Publish**.
2. **Main Workspace:**
   * **Sidebar Menu (C):** Contains all available step types, grouped by category (e.g., guide, announce, engage). You can [drag and drop](#user-content-fn-1)[^1] these to build your flow.
   * **Central Area:** The large, empty workspace where you place and organize your steps sequentially.

This setup is designed to give you a clear overview of the entire experience-building process, focusing on structure and organization.

***

## **Step Management**

Once you’ve added a step, the Flow Builder adapts to provide tools for managing individual steps and visualizing their connections.

**Key Features After Adding Steps :**

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

1. **Step Tools:**
   * **Quick Actions (B):**
     * Rename a step by double-clicking its name.
     * Use icons for duplication, drag-and-drop rearrangement, and deletion.
   * **Trigger Indicators (C):** Display the associated triggers (conditions and actions) for each step directly below it.
2. **Step Connections & Progress Flow:**
   * [Visualize progress with arrows](#user-content-fn-2)[^2] showing the origin (trigger or CTA) and destination (next step) (D).
3. **Sidebar Menu Updates:**
   * Another way to open/close the flow builder sidebar to drag and drop additional steps as needed (A).
4. **Quick Access to Content Builder:**
   * Clicking on a step provides a direct link to its associated content in the Content Builder, making navigation clear while keeping a visual overview.

This view prioritizes step management, offering both a visual flow of the journey and efficient access to step-specific details.

[^1]: ![](/files/TAucVpOcsDr6akXRhJ9u)

[^2]: ![](/files/POV1VMFSanhtXbSrDIzg)
