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 or advanced logic.