Visual Flow Builder
Build complex conversational flows with our visual drag-and-drop builder. Create sophisticated chatbot interactions without coding.
Quick Start
Access the Flow Builder from the Quick Replies page. Click the "Flow Builder" button to switch from List View to the visual builder.
Quick Replies → Flow BuilderOverview
The Visual Flow Builder is a powerful tool that lets you create sophisticated conversation flows by connecting nodes on a canvas. Instead of simple quick reply buttons, you can build entire conversation scripts with conditions, API calls, forms, and more.
Key Features:
- Drag & Drop: Easily add nodes to your flow by dragging from the palette
- Visual Connections: Connect nodes to create conversation paths
- Templates: Start with pre-built flow templates
- Testing: Test your flows before deploying
- Version History: Track changes and revert if needed
Node Types
The Flow Builder includes various node types to build complex flows. Each node has a specific purpose:
Basic Nodes
Start
The entry point of your flow. Every flow must have exactly one Start node.
Message
Send a text message to the user. Supports plain text, markdown, and rich media.
Quick Reply
Display button options to the user. Users can click buttons to continue the conversation.
Delay
Wait for a specified duration before continuing. Useful for simulating typing or natural pauses.
End
End the conversation flow. Optionally display a closing message.
Logic Nodes
Condition
Branch the flow based on conditions. Supports multiple comparison types (equals, contains, greater than, etc.) and nested conditions with AND/OR logic.
Switch
Multi-way branching based on variable values. Similar to a switch/case statement in programming.
Variable
Set, get, increment, or decrement variables. Variables can be flow-scoped or global.
Loop
Repeat actions multiple times. Supports for loops, while loops, and forEach iterations over arrays.
Integration Nodes
API Call
Make HTTP requests to external APIs. Supports GET, POST, PUT, DELETE methods. Map API responses to flow variables.
Integration
Trigger webhooks or external integrations. Use existing webhook templates or configure custom endpoints.
AI Processing
Process user input with AI. Useful for intent recognition, sentiment analysis, or natural language understanding.
Content Nodes
Form
Display forms to collect user information. Use existing AI Forms or create inline forms. Supports conditional fields and multi-step flows.
Product
Display products from your catalog. Show featured products, products by category, or specific products. Supports carousel and grid layouts.
Getting Started
Access the Flow Builder
Navigate to Quick Replies page and click the 'Flow Builder' button to switch to visual mode.
Start with a Template
Choose a pre-built template from the Templates button, or start with an empty flow.
Add Nodes
Drag nodes from the left palette onto the canvas. Double-click or use the '+' button for quick add.
Connect Nodes
Click and drag from a node's output handle to another node's input handle to create connections.
Configure Nodes
Click on a node to open the editor panel on the right. Configure each node's properties.
Test Your Flow
Use the Testing panel to run your flow and see how it behaves. Check variables and execution logs.
Save and Deploy
Click Save to store your flow. Once saved, your flow will be available in the chatbot.
Advanced Features
Flow Templates
Start with pre-built templates for common scenarios like lead capture, customer support, product recommendations, and more.
Variable Management
Use variables to store and reuse data throughout your flow. Variables can be flow-scoped or global across all flows.
Condition Builder
Build complex conditions with nested logic. Support for multiple comparison types and AND/OR operators.
API Integration
Call external APIs and map responses to variables. Perfect for integrating with CRM systems, databases, or third-party services.
Form Integration
Embed AI Forms into your flows. Collect user information with conditional fields and multi-step forms.
Product Catalog Integration
Show products from your catalog within conversation flows. Display featured products, filter by category, or show specific items.
Export & Import
Export flows as JSON for backup or sharing. Import flows created elsewhere or from templates.
Version History
Track changes to your flows over time. View previous versions and restore if needed.
Testing & Debugging
Test flows with the built-in testing panel. Set breakpoints, step through execution, and inspect variables.
Best Practices
Tips for Success
- • Keep flows simple: Break complex flows into smaller, reusable sub-flows
- • Use meaningful labels: Name your nodes clearly to understand the flow at a glance
- • Test frequently: Test your flow after each major change
- • Use variables: Store user data in variables to avoid asking for the same information twice
- • Handle errors: Always add error handling for API calls and integrations
- • Validate inputs: Use conditions to validate user input before proceeding
- • Use templates: Start with templates and customize to your needs