# Logic Map / Flow Builder

The flow builder provides a visual way to design and understand your branching logic. Think of it as a map that shows every possible path a viewer can take through your content.

## Understanding the Flow Builder

The flow builder displays your scenes as nodes connected by arrows. Each arrow represents a possible path, and the connections show how viewers move from one scene to the next.

## Adding Nodes and Connections

### Creating New Scenes

1. **Add a scene** — Click the "+" button to create a new scene
2. **Choose a layout** — Select from templates or start with a blank scene
3. **Add content** — Include text, images, and interactive elements

### Connecting Scenes

1. **Drag to connect** — Click and drag from one scene to another to create a connection
2. **Set conditions** — Click on the connection line to define when this path should be taken
3. **Add labels** — Name your connections (e.g., "Yes," "No," "Continue")

## Visual Flow Example

```
[Welcome Scene]
    │
    ├─ "New Customer" → [Onboarding Flow]
    │
    └─ "Returning Customer" → [Loyalty Offer]
```

## Flow Builder Tips

* **Use descriptive names** — Name your scenes clearly so the flow is easy to understand
* **Group related scenes** — Organize your flow logically from left to right
* **Test all paths** — Use the preview mode to walk through every possible journey
* **Keep it clean** — Avoid crossing connection lines when possible

## Advanced Features

* **Zoom and pan** — Navigate large flows easily
* **Collapse sections** — Hide complex branches to focus on specific areas
* **Export flow** — Share your flow diagram with teammates
* **Version history** — Track changes to your flow over time

***

**Need help with specific conditions?** Learn about [simple conditions](/workflows-branching-logic/simple-conditions.md) or [advanced logic](/workflows-branching-logic/advanced-conditions.md).


---

# 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.blings.io/workflows-branching-logic/logic-map-flow-builder.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.