Builder Tools
Builder Tools
The conversational flow builder provides a comprehensive set of tools to help you create, organize, test, and configure your flows efficiently.
Available Tools
| Tool | Description | Location |
|---|---|---|
| Auto-Layout | Automatically organize nodes in the canvas | Left panel |
| Copy & Paste | Duplicate nodes and their connections | Left panel / Keyboard |
| Import & Export | Save and load flows as JSON files | Settings menu |
| Test Flow | Preview and validate your flow | Top bar |
| Web Settings | Customize the chatbot appearance | Settings menu |
| AI Assistant | AI-powered helper for building flows | Bottom-right button |
Tool Locations
The builder interface organizes tools across different areas:
Left Panel (Canvas Tools)
Located on the left side of the canvas:
- Add Nodes (+) - Open the node palette
- Pointer Mode - Toggle selection mode
- Sticky Notes - Add documentation notes
- Copy/Paste - Duplicate selected nodes
- Auto-Layout - Organize nodes automatically
- Zoom In/Out - Adjust canvas zoom
Top Bar
Located at the top of the editor:
- Test Flow - Validate and preview your flow
- Versions - View version history
- Settings - Open web configuration
Bottom Center
- Variables - Manage flow variables
Keyboard Shortcuts
| Shortcut | Action |
|---|---|
Ctrl + C | Copy selected nodes |
Ctrl + V | Paste copied nodes |
Delete | Delete selected nodes |
Shift + Click | Add node to selection |
Drag | Select multiple nodes |
Quick Tips
- Use Auto-Layout after adding many nodes to keep your flow organized
- Copy & Paste works across different flows in the same browser session
- Test your flow before publishing to catch validation errors
- Export your flow as backup before making major changes