Lý thuyết
60 phút
Bài 2/15

Building Chatbots với Tidio, Intercom & Drift

Hands-on xây dựng chatbot đầu tiên với các platforms phổ biến - từ setup đến deployment

Building Chatbots với Tidio, Intercom & Drift

Bài này chúng ta sẽ hands-on build chatbots với 3 platforms phổ biến nhất. Bạn sẽ có chatbot hoạt động ngay sau bài học.

🎯 Mục tiêu bài học

  • Setup chatbot trên Tidio (free tier)
  • Configure Intercom bot (trial)
  • Build lead qualification với Drift
  • Deploy chatbot lên website

1️⃣ Tidio - Best cho Small Business

Tại sao chọn Tidio?

FeatureFree PlanPaid ($29/mo)
Chatbots100 triggers/moUnlimited
Live Chat
Email Integration
AI ResponsesLimitedFull
VisitorsUnlimitedUnlimited

Perfect for: E-commerce stores, small websites, startups cần chatbot nhanh mà không tốn nhiều tiền.

Step 1: Tạo Account

Text
11. Truy cập tidio.com
22. Click "Get Started Free"
33. Đăng ký với email business
44. Chọn industry (E-commerce, Services, etc.)
55. Skip integrations (làm sau)

Step 2: Install Widget

Cho WordPress:

Text
11. Dashboard → Settings → Installation
22. Copy installation code
33. WordPress Admin → Plugins → Add New
44. Search "Tidio" → Install → Activate
55. Paste Project Public Key

Cho Custom Website:

HTML
1<!-- Thêm trước </body> -->
2<script src="//code.tidio.co/YOUR_PUBLIC_KEY.js" async></script>

Cho Shopify:

Text
11. Tidio Dashboard → Settings → Installation
22. Click "Shopify" → Connect Store
33. Authorize app
44. Done! Widget tự động appear

Step 3: Customize Appearance

Text
1Dashboard → Settings → Appearance
2
31. Colors:
4 - Primary: Match brand color
5 - Background: White hoặc light
6
72. Position:
8 - Bottom Right (recommended)
9 - Mobile: Full width
10
113. Welcome Message:
12 "Chào bạn! 👋 Mình có thể giúp gì?"
13
144. Availability:
15 - Online hours: 9am - 6pm
16 - Offline message: "Để lại email, team sẽ reply trong 24h"

Step 4: Build First Bot Flow

Use Case: Order Tracking

Text
1Dashboard → Chatbots → Add from Scratch
2
3┌─────────────────────────────────┐
4│ TRIGGER │
5│ Visitor sends: "đơn hàng", │
6│ "tracking", "order", "giao" │
7└─────────────┬───────────────────┘
8
9
10┌─────────────────────────────────┐
11│ MESSAGE │
12│ "Bạn muốn kiểm tra đơn hàng? │
13│ Vui lòng cung cấp mã đơn hàng." │
14└─────────────┬───────────────────┘
15
16
17┌─────────────────────────────────┐
18│ ASK QUESTION │
19│ "Mã đơn hàng của bạn:" │
20│ Save to: {order_id} │
21└─────────────┬───────────────────┘
22
23
24┌─────────────────────────────────┐
25│ MESSAGE │
26│ "Đang kiểm tra đơn #{order_id} │
27│ Vui lòng chờ trong giây lát..." │
28└─────────────┬───────────────────┘
29
30
31┌─────────────────────────────────┐
32│ DECISION (hoặc WEBHOOK) │
33│ → Found: Show status │
34│ → Not found: Ask for help │
35└─────────────────────────────────┘

Step 5: Add Quick Replies

Text
1Chatbots → Edit → Add Node → Quick Replies
2
3Options:
4├── [📦 Track Order]
5├── [💰 Pricing]
6├── [🔄 Returns]
7├── [💬 Talk to Human]

Pro tip: Tidio có sẵn 35+ templates. Vào Chatbots → Templates để xem FAQ Bot, Lead Gen Bot, Discount Bot, etc.


2️⃣ Intercom - Best cho SaaS & Tech

Tại sao chọn Intercom?

FeatureStarter ($74/mo)Pro ($153/mo)
Fin AI Agent
Custom Bots5Unlimited
Product Tours
Advanced Reports

Note: Intercom pricing khá cao cho startups. Sử dụng 14-day trial để test trước khi commit.

Step 1: Setup Workspace

Text
11. Truy cập intercom.com
22. Start Free Trial (14 days)
33. Create Workspace:
4 - Workspace name: Company name
5 - Industry: SaaS, E-commerce, etc.
64. Invite team members (optional)

Step 2: Install Messenger

JavaScript (Recommended):

HTML
1<script>
2 window.intercomSettings = {
3 api_base: "https://api-iam.intercom.io",
4 app_id: "YOUR_APP_ID",
5 name: "User Name", // From your database
6 email: "user@email.com", // From your database
7 created_at: 1234567890 // User signup date
8 };
9</script>
10<script>
11(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/YOUR_APP_ID';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
12</script>

Step 3: Setup Fin AI Agent

Text
1Operator → Fin AI → Setup
2
31. Knowledge Sources:
4 - Help Center articles
5 - Website pages
6 - PDF documents
7
82. Persona:
9 - Name: "Fin" hoặc custom
10 - Tone: Friendly, Professional
11 - Language: Vietnamese + English
12
133. Capabilities:
14 ✅ Answer questions from knowledge
15 ✅ Collect customer info
16 ✅ Create support tickets
17 ❌ Process refunds (human only)

Step 4: Build Custom Bot

Use Case: Onboarding New Users

Text
1Operator → Custom Bots → New Bot
2
3Trigger: User signs up (first session)
4
5Flow:
6┌──────────────────────────────────┐
7│ "Chào mừng bạn đến với [App]! 🎉│
8│ Mình là assistant, sẽ giúp bạn │
9│ setup trong 2 phút." │
10└─────────────┬────────────────────┘
11
12
13┌──────────────────────────────────┐
14│ "Bạn muốn dùng [App] cho?" │
15│ │
16│ [Sales] [Marketing] [Support] │
17└─────────────┬────────────────────┘
18
19 ┌─────┴─────┐
20 │ │
21 ▼ ▼
22 Sales Flow Marketing Flow
23 (CRM setup) (Campaign setup)

Step 5: Configure Routing

Text
1Operator → Routing Rules
2
3Rule 1: VIP Customers
4IF company.plan = "enterprise"
5THEN route to: Senior Support Team
6Priority: High
7
8Rule 2: Sales Inquiries
9IF message contains "pricing", "demo", "buy"
10THEN route to: Sales Team
11Priority: High
12
13Rule 3: Default
14ELSE route to: Support Queue
15Priority: Normal

3️⃣ Drift - Best cho B2B Lead Gen

Tại sao chọn Drift?

FeatureFreePremium
Live Chat
Chatbots1 playbookUnlimited
Meeting Booking
Revenue Reports

Best for: B2B companies focused on lead generation và meeting booking. Drift's strength là qualify leads và book meetings tự động.

Step 1: Create Drift Account

Text
11. Drift.com → Get Started Free
22. Connect work email
33. Install on website (similar to Tidio)
44. Connect calendar (Google/Outlook)

Step 2: Build Lead Qualification Playbook

Text
1Playbooks → Create New → Lead Capture
2
3Target: Pricing page visitors
4
5┌──────────────────────────────────┐
6│ TRIGGER │
7│ Page URL contains "/pricing" │
8│ Time on page > 30 seconds │
9└─────────────┬────────────────────┘
10
11
12┌──────────────────────────────────┐
13│ "Đang xem pricing? 👀 │
14│ Mình có thể giúp bạn chọn plan │
15│ phù hợp nhất!" │
16│ │
17│ [Yes, help me] [Just browsing] │
18└─────────────┬────────────────────┘
19
20 ┌────────┴────────┐
21 │ │
22 ▼ ▼
23 Qualify End chat
24 Questions (politely)

Step 3: Qualification Questions

Text
1Question 1: Company Size
2"Team của bạn có bao nhiêu người?"
3├── [1-10] → SMB track
4├── [11-50] → Mid-market track
5├── [51-200] → Enterprise track
6└── [200+] → VIP track
7
8Question 2: Timeline
9"Bạn muốn start khi nào?"
10├── [This month] → HOT lead 🔥
11├── [This quarter] → Warm lead
12└── [Just researching] → Nurture
13
14Question 3: Budget
15"Budget dự kiến của bạn?"
16├── [< $500/mo] → Self-serve
17├── [$500-2000/mo] → Sales assist
18└── [$2000+/mo] → Enterprise sales

Step 4: Auto-Book Meetings

Text
1IF lead_score >= "qualified"
2THEN show calendar:
3
4"Tuyệt vời! Để team Sales demo chi tiết,
5bạn chọn thời gian convenient nhé:"
6
7[Calendar Widget - Connected to Sales Rep calendar]
8
9After booking:
10- Send confirmation email
11- Create deal in CRM
12- Notify sales rep
13- Add to sequence

Step 5: Route to Right Rep

Text
1Routing Rules:
2
3Enterprise (200+ employees):
4→ Route to: Account Executive
5→ Response SLA: 5 minutes
6
7Mid-Market:
8→ Route to: SDR Team
9→ Response SLA: 15 minutes
10
11SMB:
12→ Route to: Bot + Self-serve
13→ Escalate if: Asked 3+ questions

🔌 Essential Integrations

CRM Integration

ChatbotCRMs Supported
TidioHubSpot, Pipedrive, Salesforce
IntercomSalesforce, HubSpot, Pipedrive
DriftSalesforce, HubSpot, Marketo

Setup Example (HubSpot + Tidio):

Text
11. Tidio → Settings → Integrations
22. Find HubSpot → Connect
33. Authorize access
44. Map fields:
5 - Tidio Email → HubSpot Email
6 - Tidio Name → HubSpot Name
7 - Tidio Tags → HubSpot Tags
85. Auto-create contacts: ON

Slack Notifications

Text
1Settings → Integrations → Slack
2
3Notify on:
4✅ New conversation started
5✅ Message from VIP customer
6✅ Bot couldn't answer
7✅ Meeting booked
8❌ Every message (too noisy)

Zapier/Make Automation

Text
1Example: New lead → Add to Google Sheets + Send email
2
3Trigger: New Tidio conversation
4→ Filter: Has email address
5→ Google Sheets: Add row
6→ Gmail: Send welcome email
7→ Slack: Notify sales channel

📊 A/B Testing Chatbots

Test Welcome Messages

Text
1Version A:
2"Chào bạn! Cần hỗ trợ gì không? 😊"
3
4Version B:
5"Bạn có câu hỏi gì về [Product]?
6Team sẵn sàng giúp đỡ!"
7
8Version C:
9"🎁 Hôm nay có ưu đãi 20%!
10Chat để nhận code giảm giá"

Metrics to Compare:

  • Engagement rate (% visitors chat)
  • Response rate (% reply to bot)
  • Conversion rate (% complete goal)
  • CSAT score

Test Bot Flows

Text
1Flow A: Ask name first
2→ "Mình là ai?" → Name → Help
3
4Flow B: Ask need first
5→ "Bạn cần gì?" → Options → Name
6
7Typically Flow B performs better
8(value first, info later)

⚠️ Common Mistakes to Avoid

1. Too Many Questions

Text
1❌ Bad:
2Bot: "Tên bạn là gì?"
3Bot: "Email?"
4Bot: "Số điện thoại?"
5Bot: "Company?"
6Bot: "Job title?"
7User: 😤 *closes chat*
8
9✅ Better:
10Bot: "Để gửi thông tin, cho mình email nhé?"
11[After getting value, ask more]

2. No Human Fallback

Text
1❌ Bad:
2User: "Tôi muốn khiếu nại"
3Bot: "Xin lỗi, mình không hiểu.
4 Bạn thử hỏi cách khác?"
5*loops forever*
6
7✅ Better:
8User: "Tôi muốn khiếu nại"
9Bot: "Để đảm bảo xử lý tốt nhất,
10 mình connect bạn với team
11 Customer Success nhé?"
12[Transfer to human]

3. Generic Responses

Text
1❌ Bad:
2"Cảm ơn bạn đã liên hệ.
3Team sẽ phản hồi sớm."
4
5✅ Better:
6"Cảm ơn bạn, [Name]!
7Câu hỏi về [Topic] sẽ được
8[Agent Name] trả lời trong vòng 2 giờ.
9Bạn sẽ nhận email notification."

🎯 Bài tập thực hành

Task 1: Setup Tidio (30 phút)

  1. Tạo Tidio account
  2. Install widget lên website/localhost
  3. Customize colors và welcome message
  4. Test chat từ incognito window

Task 2: Build FAQ Bot (30 phút)

  1. List 5 FAQs của business bạn
  2. Create bot flow trong Tidio
  3. Add quick reply buttons
  4. Test tất cả scenarios

Task 3: Integration Setup (20 phút)

  1. Connect chatbot với email
  2. Setup Slack notification
  3. Test: Chat → Check notification arrives

📚 Tổng kết

PlatformBest ForKey Feature
TidioSMB, E-commerceFree tier, easy setup
IntercomSaaS, TechFin AI, product tours
DriftB2B SalesLead qual, meeting booking

Tiếp theo: Bài 03 - FAQ Automation - Xây dựng knowledge base và auto-answer questions!