[IMAGE: Empty workflow builder canvas with node palette visible]
Step 1: Start Creation
Click Create Agent
Find the green Create Agent button in the top right of your dashboard.
[IMAGE: Dashboard showing Create Agent button location]
Select 'Start from scratch'
Choose the first option in the modal.
[IMAGE: Modal with “Start from scratch” highlighted]
Step 2: Meet the Workflow Builder
[IMAGE: Full builder screenshot with numbered callouts]
Interface Layout
| Area | Location | What It Does |
|---|---|---|
| Toggle Tabs | Top center | Switch between Workflow and Settings |
| Node Palette | Left panel | Drag nodes from here |
| Canvas | Center | Your visual workflow |
| Variables | Right panel | Manage flow variables |
| Controls | Bottom | Zoom, auto-layout, feedback |
Node Palette Details
Node Palette Details
[IMAGE: Left panel showing all node types]
| Section | Contents |
|---|---|
| Nodes | Default, Transfer, API Call, End Call, Pre-Call API, Post-Call API |
| Integrations | Salesforce (available), Google Calendar, HubSpot, Google Sheets (coming soon) |
| Help | Need Help?, Keyboard Shortcuts |
Canvas Controls
Canvas Controls
[IMAGE: Bottom control bar with zoom and layout buttons]
| Button | Function |
|---|---|
| 👍 | Send feedback |
| ↕️ | Auto-layout (organize nodes) |
| + | Zoom in |
| − | Zoom out |
Step 3: Build Your First Flow
Let’s create a simple lead qualification flow.Add the Start Node
Every flow begins with a Start Node — it’s added automatically.[IMAGE: Canvas showing green Start node pill]
Add Your First Conversation Node
Drag a Default Node
From the Node Palette, drag a Default Node onto the canvas.
[IMAGE: Hand cursor dragging node from palette to canvas]
Connect from Start
Drag from the Start node’s handle to your new node.
[IMAGE: Connection line being drawn between nodes]
Continue the Flow
Add more nodes for each step in your conversation:[IMAGE: Canvas showing Start → Greeting → Ask Budget → Ask Timeline]
Add an End Node
Every path needs an ending.Drag an End Call Node
From the palette, add an End Call node.
[IMAGE: Red End Call node at end of flow]
Step 4: Add Branches
Branches let you route conversations based on caller responses.[IMAGE: Node with two output branches going to different paths]
Add Conditions
Define what triggers each branch.
[IMAGE: Node settings showing condition inputs]
| Condition Type | Example |
|---|---|
| Text Match | User says “not interested” |
| Intent | User expresses budget concern |
| Variable | {{budget}} > 10000 |
Step 5: Configure Settings
Click the Settings tab to access agent configuration.[IMAGE: Top toggle showing Settings tab active]
| Setting Area | What to Configure |
|---|---|
| Voice | Speech settings, pronunciation, detection |
| Model | LLM selection, language switching |
| Phone Number | Assign a number |
| Webhook | Event notifications |
| General | Timeouts |
Step 6: Test Your Flow
[IMAGE: Modal showing Telephony, Web Call, and Chat options]
Choose Test Mode
- Web Call — Quick browser test
- Telephony — Real phone experience
- Chat — Text-only for logic testing
Your Flow is Ready!
[IMAGE: Polished workflow with all nodes connected and organized]

