🌐 Multi-Channel Agents
Deploy AI agents trên nhiều platforms cùng lúc.
Multi-Channel Strategy
Why Multi-Channel?
Text
1Meet customers where they are:2- Some prefer web chat3- Some use WhatsApp4- Some call phone5- Some use social media6 7Benefits:8✅ Wider reach9✅ Better experience10✅ Higher engagement11✅ Consistent serviceChannel Options
Text
1Text channels:2- Website widget3- Mobile app4- WhatsApp5- Facebook Messenger6- Instagram DM7- Telegram8- SMS9- Email10 11Voice channels:12- Phone calls13- Smart speakers14- In-app voiceUnified Agent Architecture
Central Brain
Text
1┌─────────────────────────────────────────┐2│ │3│ ┌─────┐ ┌─────┐ ┌─────┐ ┌─────┐ │4│ │ Web │ │WhatsApp│ │Phone│ │ SMS │ │5│ └──┬──┘ └──┬───┘ └──┬──┘ └──┬──┘ │6│ │ │ │ │ │7│ └────────┴────┬────┴────────┘ │8│ ▼ │9│ ┌──────────────┐ │10│ │ Central │ │11│ │ AI Agent │ │12│ │ Brain │ │13│ └──────────────┘ │14│ │ │15│ ┌───────┴────────┐ │16│ │ Knowledge Base │ │17│ │ Business Logic │ │18│ │ Integrations │ │19│ └────────────────┘ │20│ │21└─────────────────────────────────────────┘Benefits
Text
1Single source of truth:2- Same knowledge base3- Same business rules4- Same integrations5- Consistent responses6- Easier maintenanceSetting Up Channels
Web Widget (Voiceflow)
Text
1Deployment:21. Build agent in Voiceflow32. Go to Publish → Web43. Customize appearance:5 - Colors6 - Position7 - Welcome message84. Copy embed code95. Add to websiteWhatsApp (via Make)
Text
1Setup steps:21. Get WhatsApp Business API (via provider)32. Create Make scenario:4 - Trigger: WhatsApp message received5 - Process with your agent6 - Send response via WhatsApp API73. Handle media (images, voice)Facebook Messenger
Text
1Integration:21. Connect Facebook page32. In Voiceflow: Integrations → Messenger43. Configure webhooks54. Test with Facebook65. Submit for review (if public)Telegram
Text
1Simple integration:21. Create Telegram bot (@BotFather)32. Get bot token43. Create Make scenario:5 - Webhook: Telegram updates6 - Process message7 - Send via Telegram API84. Or use Botpress Telegram integrationChannel-Specific Adaptations
Format Differences
Text
1Web:2- Rich cards3- Carousels4- Images5- Buttons6- Input fields7 8WhatsApp:9- Text (preferred)10- List messages11- Buttons (limited)12- Images13- Voice notes14 15Phone:16- Voice only17- No visuals18- Keep shortAdaptive Responses
Adapt by Channel
Text
1Detect channel and adapt:2 3Web response:4[Card with image]5Product: iPhone 156Price: $9997[Buy Now button]8 9WhatsApp response:10📱 *iPhone 15*11💰 Price: $99912Reply BUY to purchase13 14Phone response:15"The iPhone 15 is available for $999.16Would you like to purchase it?"Length Guidelines
Text
1Web: Medium length OK, can scroll2WhatsApp: Short messages, multiple if needed3SMS: Very short (160 chars)4Voice: 1-3 sentences max5Email: Can be longer, structuredBuilding in Voiceflow
Channel Detection
Text
1Use system variable:2{{system.platform}}3 4Values:5- webchat6- whatsapp7- messenger8- voice9 10Condition:11If platform = "voice"12 → Use voice-optimized response13Else14 → Use rich responseChannel-Specific Flows
Text
1Approach 1: Conditionals2- Same flow, different responses3- Use if/else for channel4 5Approach 2: Separate flows6- One flow per channel7- More maintenance8- Maximum customizationMake Multi-Channel Hub
Central Processing
Text
1Scenario: Message Hub2 3Webhook → Receive from any channel4 ↓5Router → Based on source6 ↓7├── WhatsApp format8├── Telegram format9├── SMS format10└── Standard format11 ↓12Process with AI13 ↓14Router → Response by channel15 ↓16├── Send WhatsApp17├── Send Telegram18├── Send SMS19└── Return for webUnified User Profile
Text
1Store user across channels:2 3User Table:4- user_id (internal)5- phone (if known)6- email (if known)7- telegram_id8- whatsapp_id9- messenger_id10- conversation_history11- preferencesCross-Channel Continuity
Text
1Same user, different channels:2 3WhatsApp: "What's my order status?"4Agent: "Your order #123 shipped yesterday"5 6Later on Web:7Agent: "Welcome back! Your order #123 8is now out for delivery."9 10User recognized, context maintainedWhatsApp Integration Deep Dive
Provider Options
Text
1WhatsApp Business API providers:2- Twilio3- MessageBird4- 360dialog5- Gupshup6 7They provide:8- API access9- Phone numbers10- Template approval11- AnalyticsMessage Types
Text
11. Template Messages (outbound first)2 - Pre-approved templates3 - For notifications/promos4 52. Session Messages6 - Within 24-hour window7 - Free form8 - After user initiates9 103. Interactive11 - Buttons12 - Lists13 - Quick repliesMake + WhatsApp
Text
1Scenario:2 31. Webhook: Twilio WhatsApp4 - Receives: From, Body, Media5 62. Get/Create user7 - Search by phone8 93. Add to conversation10 - Store message11 124. Process with AI13 - Send conversation context14 155. Send response16 - Twilio Send WhatsAppTelegram Bot
Simple Setup
Text
11. Create bot:2 - Message @BotFather3 - /newbot4 - Get token5 62. Set webhook:7 POST https://api.telegram.org/bot{token}/setWebhook8 Body: {"url": "your-make-webhook"}9 103. Process in Make:11 - Receive update12 - Extract message13 - Process14 - Send via Telegram APITelegram Features
Text
1Use:2- Inline keyboards3- Custom keyboards4- Media messages5- Voice messages6- Locations7- ContactsSMS Integration
Via Twilio
Text
1Setup:21. Twilio account32. Get phone number43. Configure webhook for incoming5 6Limitations:7- 160 character segments8- No rich formatting9- No buttons10- Higher costBest Practices
Text
1SMS guidelines:2- Very concise3- Include call-to-action4- Link for more info5- Clear sender identityTesting Multi-Channel
Test Checklist
Test Each Channel
Text
1For each channel:2☐ Messages received correctly3☐ User identified/created4☐ Context maintained5☐ Response formatted properly6☐ Rich elements work (if supported)7☐ Media handled8☐ Errors handled gracefully9☐ Handoff worksCross-Channel Tests
Text
1Test scenarios:21. Start on WhatsApp, continue on web32. Same question, all channels43. User recognition across channels54. Channel switching mid-conversationAnalytics Across Channels
Track Everything
Text
1Metrics by channel:2- Message volume3- Response time4- Resolution rate5- User satisfaction6- Popular topics7- Error rates8 9Compare:10- Which channel performs best11- Where users prefer what12- Cost per interactionBài Tập
Practice
Build Multi-Channel Agent:
- Create agent in Voiceflow
- Deploy web widget
- Set up WhatsApp (via Make)
- Set up Telegram bot
- Create unified user tracking
- Adapt responses per channel
- Test cross-channel experience
Tiếp theo: Bài 8 - Advanced Make Workflows
