Skip to main content

​
Visual Flow Builder 🎨

Design Complex Conversations Without Coding The Visual Flow Builder is your canvas for creating sophisticated chatbot conversations using an intuitive drag-and-drop interface.

​
Getting Started

​
Open Flow Builder

Navigate to Communication Hub → Bot Manager → Visual Flow Builder

​
Choose Starting Point

  • Start from scratch
  • Use a template
  • Import existing flow
  • Duplicate successful flows

​
Add Components

Drag elements from the component library to your canvas

​
Connect Elements

Link components to create conversation paths

​
Test and Refine

Use preview mode to test all conversation paths

​
Core Components

​
Message Types

  • Text Messages: Simple text with emoji support
  • Rich Media: Images, videos, files, and audio
  • Templates: Structured messages with buttons and cards
  • Quick Replies: Predefined response options

​
Interactive Elements

  • Buttons: Action triggers and navigation
  • Carousels: Scrollable content cards
  • Lists: Vertical structured content
  • Forms: Data collection interfaces

​
Logic Components

  • Conditions: If/then branching logic
  • Variables: Store and use customer data
  • Delays: Timed pauses between messages
  • Actions: External integrations and triggers
🎯 Design Tip: Start with the customer journey in mind. Map out what customers want to achieve, then build flows to guide them there efficiently.

​
Advanced Features

​
Conditional Logic

Create dynamic conversations that adapt based on:
  • User responses
  • Customer data
  • Time and date
  • Previous interactions
  • External data sources

​
Variable Management

  • Capture user input
  • Store customer preferences
  • Personalize messages
  • Pass data between flows
  • Integrate with external systems

​
A/B Testing

  • Test different message versions
  • Compare conversion rates
  • Optimize based on performance
  • Gradual rollout of changes

​
Best Practices

  1. Keep it Simple: Start with basic flows and add complexity gradually
  2. Test Everything: Every path should be tested before going live
  3. Plan for Errors: Always include fallback options
  4. Mobile First: Design for mobile messaging interfaces
  5. Clear CTAs: Make next steps obvious to users
Ready to build advanced flows? Explore AI Integration for intelligent responses.