Lý thuyết
40 phút
Bài 7/15

Multi-Channel Agents

Deploy AI agents đa kênh - Web, Mobile, Voice, WhatsApp

🌐 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 chat
3- Some use WhatsApp
4- Some call phone
5- Some use social media
6
7Benefits:
8✅ Wider reach
9✅ Better experience
10✅ Higher engagement
11✅ Consistent service

Channel Options

Text
1Text channels:
2- Website widget
3- Mobile app
4- WhatsApp
5- Facebook Messenger
6- Instagram DM
7- Telegram
8- SMS
9- Email
10
11Voice channels:
12- Phone calls
13- Smart speakers
14- In-app voice

Unified 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 base
3- Same business rules
4- Same integrations
5- Consistent responses
6- Easier maintenance

Setting Up Channels

Web Widget (Voiceflow)

Text
1Deployment:
21. Build agent in Voiceflow
32. Go to Publish → Web
43. Customize appearance:
5 - Colors
6 - Position
7 - Welcome message
84. Copy embed code
95. Add to website

WhatsApp (via Make)

Text
1Setup steps:
21. Get WhatsApp Business API (via provider)
32. Create Make scenario:
4 - Trigger: WhatsApp message received
5 - Process with your agent
6 - Send response via WhatsApp API
73. Handle media (images, voice)

Facebook Messenger

Text
1Integration:
21. Connect Facebook page
32. In Voiceflow: Integrations → Messenger
43. Configure webhooks
54. Test with Facebook
65. Submit for review (if public)

Telegram

Text
1Simple integration:
21. Create Telegram bot (@BotFather)
32. Get bot token
43. Create Make scenario:
5 - Webhook: Telegram updates
6 - Process message
7 - Send via Telegram API
84. Or use Botpress Telegram integration

Channel-Specific Adaptations

Format Differences

Text
1Web:
2- Rich cards
3- Carousels
4- Images
5- Buttons
6- Input fields
7
8WhatsApp:
9- Text (preferred)
10- List messages
11- Buttons (limited)
12- Images
13- Voice notes
14
15Phone:
16- Voice only
17- No visuals
18- Keep short

Adaptive Responses

Adapt by Channel
Text
1Detect channel and adapt:
2
3Web response:
4[Card with image]
5Product: iPhone 15
6Price: $999
7[Buy Now button]
8
9WhatsApp response:
10📱 *iPhone 15*
11💰 Price: $999
12Reply BUY to purchase
13
14Phone response:
15"The iPhone 15 is available for $999.
16Would you like to purchase it?"

Length Guidelines

Text
1Web: Medium length OK, can scroll
2WhatsApp: Short messages, multiple if needed
3SMS: Very short (160 chars)
4Voice: 1-3 sentences max
5Email: Can be longer, structured

Building in Voiceflow

Channel Detection

Text
1Use system variable:
2{{system.platform}}
3
4Values:
5- webchat
6- whatsapp
7- messenger
8- voice
9
10Condition:
11If platform = "voice"
12 → Use voice-optimized response
13Else
14 → Use rich response

Channel-Specific Flows

Text
1Approach 1: Conditionals
2- Same flow, different responses
3- Use if/else for channel
4
5Approach 2: Separate flows
6- One flow per channel
7- More maintenance
8- Maximum customization

Make Multi-Channel Hub

Central Processing

Text
1Scenario: Message Hub
2
3Webhook → Receive from any channel
4
5Router → Based on source
6
7├── WhatsApp format
8├── Telegram format
9├── SMS format
10└── Standard format
11
12Process with AI
13
14Router → Response by channel
15
16├── Send WhatsApp
17├── Send Telegram
18├── Send SMS
19└── Return for web

Unified User Profile

Text
1Store user across channels:
2
3User Table:
4- user_id (internal)
5- phone (if known)
6- email (if known)
7- telegram_id
8- whatsapp_id
9- messenger_id
10- conversation_history
11- preferences

Cross-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 maintained

WhatsApp Integration Deep Dive

Provider Options

Text
1WhatsApp Business API providers:
2- Twilio
3- MessageBird
4- 360dialog
5- Gupshup
6
7They provide:
8- API access
9- Phone numbers
10- Template approval
11- Analytics

Message Types

Text
11. Template Messages (outbound first)
2 - Pre-approved templates
3 - For notifications/promos
4
52. Session Messages
6 - Within 24-hour window
7 - Free form
8 - After user initiates
9
103. Interactive
11 - Buttons
12 - Lists
13 - Quick replies

Make + WhatsApp

Text
1Scenario:
2
31. Webhook: Twilio WhatsApp
4 - Receives: From, Body, Media
5
62. Get/Create user
7 - Search by phone
8
93. Add to conversation
10 - Store message
11
124. Process with AI
13 - Send conversation context
14
155. Send response
16 - Twilio Send WhatsApp

Telegram Bot

Simple Setup

Text
11. Create bot:
2 - Message @BotFather
3 - /newbot
4 - Get token
5
62. Set webhook:
7 POST https://api.telegram.org/bot{token}/setWebhook
8 Body: {"url": "your-make-webhook"}
9
103. Process in Make:
11 - Receive update
12 - Extract message
13 - Process
14 - Send via Telegram API

Telegram Features

Text
1Use:
2- Inline keyboards
3- Custom keyboards
4- Media messages
5- Voice messages
6- Locations
7- Contacts

SMS Integration

Via Twilio

Text
1Setup:
21. Twilio account
32. Get phone number
43. Configure webhook for incoming
5
6Limitations:
7- 160 character segments
8- No rich formatting
9- No buttons
10- Higher cost

Best Practices

Text
1SMS guidelines:
2- Very concise
3- Include call-to-action
4- Link for more info
5- Clear sender identity

Testing Multi-Channel

Test Checklist

Test Each Channel
Text
1For each channel:
2☐ Messages received correctly
3☐ User identified/created
4☐ Context maintained
5☐ Response formatted properly
6☐ Rich elements work (if supported)
7☐ Media handled
8☐ Errors handled gracefully
9☐ Handoff works

Cross-Channel Tests

Text
1Test scenarios:
21. Start on WhatsApp, continue on web
32. Same question, all channels
43. User recognition across channels
54. Channel switching mid-conversation

Analytics Across Channels

Track Everything

Text
1Metrics by channel:
2- Message volume
3- Response time
4- Resolution rate
5- User satisfaction
6- Popular topics
7- Error rates
8
9Compare:
10- Which channel performs best
11- Where users prefer what
12- Cost per interaction

Bài Tập

Practice

Build Multi-Channel Agent:

  1. Create agent in Voiceflow
  2. Deploy web widget
  3. Set up WhatsApp (via Make)
  4. Set up Telegram bot
  5. Create unified user tracking
  6. Adapt responses per channel
  7. Test cross-channel experience

Tiếp theo: Bài 8 - Advanced Make Workflows