🎯 Voiceflow Fundamentals
Voiceflow là nền tảng conversation design hàng đầu cho AI agents.
Giới thiệu Voiceflow
Tại sao chọn Voiceflow?
Text
1✅ Visual conversation designer2✅ Built-in AI/NLU3✅ Knowledge base integration4✅ Multi-channel deployment5✅ Great free tier6✅ Active communityAccount Setup
Text
1Steps:21. Go to voiceflow.com32. Sign up (free)43. Create new project54. Choose "Chat Assistant"65. Name your projectInterface Overview
Main Sections
Text
1┌─────────────────────────────────────────────────┐2│ [Project Name] [Preview] [Publish] [Share] │3├────────┬────────────────────────────────────────┤4│ │ │5│ Steps │ CANVAS │6│ Panel │ (Drag & drop blocks here) │7│ │ │8│ ────── │ ┌─────┐ ┌─────┐ │9│ Blocks │ │Start│───▶│Block│ │10│ │ └─────┘ └─────┘ │11│ │ │12└────────┴────────────────────────────────────────┘Canvas
Text
1Where you build flows:2- Drag blocks from left panel3- Connect with arrows4- Visual flow representation5- Zoom in/out6- Mini-map navigationSteps Panel
Text
1Available blocks:2- Start: Entry point3- Listen: Wait for user input4- AI: Generate responses5- Set: Variables6- Conditions: If/else logic7- Integrations: API calls8- And more...Core Concepts
1. Blocks
Text
1Building blocks of conversations:2 3Start Block:4- Beginning of flow5- Every flow needs one6 7Talk Block:8- Agent says something9- Text, images, cards10 11Listen Block:12- Wait for user input13- Capture responses14 15AI Block:16- Generate dynamic responses17- Use prompts2. Variables
Text
1Store data throughout conversation:2 3System variables:4- {last_utterance} - User's last message5- {user_id} - Unique identifier6- {platform} - web, voice, etc.7 8Custom variables:9- {user_name}10- {order_number}11- {selected_product}3. Flows
Text
1Organize conversation into flows:2 3Main flows:4- Welcome5- Support6- Sales7- FAQ8 9Sub-flows:10- Order tracking11- Password reset12- Product detailsBuilding First Agent
Step 1: Start Block
Text
1Every project starts with:21. Start block (auto-created)32. Set initial variables if needed43. Connect to first talk blockStep 2: Welcome Message
Text
1Talk Block setup:21. Drag "Talk" to canvas32. Connect from Start43. Add welcome text:5 "Hi! I'm your assistant. How can I help?"64. Add quick reply buttons:7 - "Track Order"8 - "Get Support"9 - "Browse Products"Step 3: Listen Block
Text
1Capture user response:21. Add "Listen" block32. Connect from Talk block43. Configure:5 - Intent matching (auto)6 - Entity extractionStep 4: Conditions
Text
1Route based on response:21. Add "Condition" block32. Check what user selected:4 - If "Track Order" → Order flow5 - If "Get Support" → Support flow6 - Else → General responseWorking with Intents
What are Intents?
Text
1User's goal/intention:2 3"I want to track my order"4"Where is my package?"5"Check order status"6→ All map to: track_order intent7 8"I need help"9"Talk to support"10"I have a problem"11→ All map to: get_support intentCreating Intents
Text
1In Voiceflow:21. Go to NLU section32. Create new intent43. Name: track_order54. Add training phrases:6 - "track my order"7 - "where is my order"8 - "order status"9 - "check my delivery"10 - Add 10-15 variationsUsing Intents
Text
1In Listen block:21. Select intent matching32. Agent auto-detects intent43. Route to appropriate flowWorking with Entities
What are Entities?
Text
1Specific data in user input:2 3"Track order #12345"4→ Intent: track_order5→ Entity: order_number = "12345"6 7"My email is john@email.com"8→ Intent: provide_email9→ Entity: email = "john@email.com"Built-in Entities
Text
1Voiceflow includes:2- @sys.number (123, 1000)3- @sys.date (tomorrow, Jan 5)4- @sys.email (user@email.com)5- @sys.phone (+1234567890)6- @sys.name (John, Mary)Custom Entities
Text
1Create your own:21. Go to Entities32. Create new entity43. Name: product_category54. Add values:6 - Electronics7 - Clothing8 - Home & Garden9 - Add synonymsAI Response Block
Setup
Text
1Use AI to generate dynamic responses:2 31. Add "AI Response" block42. Configure prompt:5 "You are a helpful support agent.6 Answer the user's question: {last_utterance}7 Be concise and friendly."83. Set model (GPT-4, etc.)Variables in Prompts
Text
1Include context:2"User name: {user_name}3Order: {order_number}4Question: {last_utterance}5 6Provide personalized help."Preview & Test
Testing Your Agent
Text
11. Click "Preview" button22. Test window opens33. Type messages44. See flow execution55. Check variable values66. Debug issuesDebug Panel
Text
1Shows:2- Current block3- Variable values4- Intent matched5- Entities extracted6- Flow pathBest Practices
Design Tips
Text
11. Start simple2 - Basic flow first3 - Add complexity gradually4 52. Use clear prompts6 - Guide user input7 - Provide options8 93. Handle unknowns10 - "I didn't understand"11 - Offer alternatives12 134. Test frequently14 - Preview after each change15 - Try edge casesCommon Issues
Troubleshooting
Text
1Intent not matching:2- Add more training phrases3- Check for typos4- Test variations5 6Variables empty:7- Ensure capture block used8- Check variable names9- Review flow order10 11AI response issues:12- Check API key13- Review prompt14- Test with simple prompt firstBài Tập
Practice
Build Welcome Flow:
- Create new Voiceflow project
- Add welcome message
- Create 3 button options
- Add Listen block
- Route based on selection
- Test in preview
Tiếp theo: Bài 3 - Building with Voiceflow
