Dashboard "Tình Trạng AI" + Chatbot Tự Thu Lead Cho WordPress

Bài cuối series — hướng dẫn 2 tính năng giúp anh chủ động giám sát + tăng conversion: Dashboard "Tình trạng AI" để theo dõi mọi hoạt động AI hôm nay, và Chatbot AI tự thu lead chuyển về Telegram/Google Sheet 24/7.

Phần 1 — Dashboard "Tình trạng AI"

Vào AIpage WP → Tình trạng AI (menu top).

📷 [Screenshot: Trang Dashboard với 4 hero card top + sections phía dưới]

Layout 7 sections top-down

1. Tình trạng hôm nay (4 hero KPI)
2. Lỗi hệ thống AI (ẩn nếu không có)
3. Provider AI đang dùng (active only)
4. Health alert strip
5. So sánh giai đoạn (7 ngày / 30 ngày)
6. Trend chart 30 ngày
7. Breakdown by provider + by task
8. Hàng đợi viết bài
9. 50 task gần nhất
10. Cron + Auto-publish (collapse)

Section 1 — "Tình trạng hôm nay" (must-see ngày)

4 hero card lớn:

📷 [Screenshot: 4 hero card grid, card "Lỗi" đỏ với value 3 + sub "Xem chi tiết ở section dưới"]

→ Sáng vào dashboard → liếc 5 giây thấy ngay "site hôm nay đã làm gì".

Section 2 — "Lỗi hệ thống AI" (chỉ hiện khi có)

Nếu có error, card đỏ hiện 10 lỗi gần nhất với:

• Action (Sinh bài / Tối ưu / Chatbot / Sinh ảnh / ...)
• Provider/model (vd openai/dall-e-3)
• Error message (font monospace, dễ đọc)
• Timestamp relative ("5 phút trước")
• Link post nếu lỗi liên quan post cụ thể

📷 [Screenshot: Card đỏ với 5 row error, mỗi row có action label + error message + timestamp]

Use case: dashboard refresh thấy 5 lỗi mới → biết ngay vấn đề (vd: hết credit OpenAI, rate limited, key sai) → fix.

Section 3 — "Provider AI đang dùng" (chỉ active)

Grid card show provider đã có API key:

• Badge brand
• Status "Active"
• Masked key (vd: sk-a••••xyz)
• 30d usage: số calls + cost

📷 [Screenshot: 3 card Anthropic/OpenAI/Gemini, mỗi card show Active + 1234 calls + $5.67 30d]

Nếu chưa add provider nào → empty state với CTA "Thêm API Key đầu tiên".

Section 5 — So sánh 7 ngày / 30 ngày

2 card side-by-side với 4 stat:

• Tasks (total AI call)
• Success rate %
• Cost USD
• Tokens (in + out)

Giúp so sánh trend tuần với tháng. Tăng = healthy. Giảm = check cron hoặc license expire.

Section 6 — Trend chart 30 ngày (canvas)

Bar chart 30 cột (mỗi cột 1 ngày):

• Xanh = success
• Đỏ = error (stack trên xanh)

Hover xem chi tiết.

📷 [Screenshot: Bar chart trải 30 cột, có vài cột đỏ nhỏ trên top]

Section 7 — Breakdown by provider + by task

2 list horizontal bar chart:

• Theo provider 30d: anthropic 234 calls $4.5, openai 100 calls $2.1, gemini 50 calls $0.05
• Theo task 30d: generate_post 200, optimize_post 50, chat 1000, generate_image 80

Giúp biết "provider nào dùng nhiều", "task nào tốn cost nhất".

Section 8 — Hàng đợi viết bài

Stat row với count:

• PENDING
• GENERATING
• DRAFT_CREATED
• PUBLISHED
• FAILED
• SKIPPED

+ "5 bài tiếp theo" với scheduled_at.

Section 9 — 50 task gần nhất

Table show 50 log mới:

• Time relative
• Action label
• Provider/model
• Status badge color
• Tokens
• Cost
• Duration ms

Toggle Chỉ hiện lỗi để filter quick debug.

Section 10 — Cron status (collapse)

Detail collapsed, expand thấy:

• WP-Cron disabled? (warn nếu DISABLE_WP_CRON true)
• Autopublish enabled/disabled
• Cron secret status
• WP-Cron next run timestamp

Phần 2 — Chatbot AI tự thu lead

Vào AIpage WP → Chatbot AI.

📷 [Screenshot: Trang Chatbot AI với 3 sub-tab: Cấu hình / Thu thập lead / Danh sách leads]

Chatbot AIpage có 3 use case chính:

1. Tư vấn 24/7 — trả lời câu hỏi khách realtime (24h, không cần nhân viên)
2. Lead capture — khi khách quan tâm sản phẩm → AI thu thập tên/sđt/địa chỉ → gửi Telegram/Google Sheet
3. FAQ tự động — train trên content site → trả lời chính xác về dịch vụ/sản phẩm

Tab 1 — Cấu hình chatbot

Bước 1: Bật Chatbot enabled ✅

Bước 2: Cấu hình hiển thị:

📷 [Screenshot: Form cấu hình + live preview chatbot widget ở side]

Bước 3: Live preview ở cột phải show widget render thế nào.

Bước 4: Bấm Lưu → widget xuất hiện ở footer mọi trang public.

Tab 2 — Lead Capture (thu lead tự động)

Khi khách hỏi về sản phẩm/dịch vụ → AI tự chuyển sang "chế độ thu thập":

1. Hỏi tên
2. Hỏi sđt
3. Hỏi địa chỉ (optional)
4. Hỏi nhu cầu cụ thể
5. Confirm lại + gửi tới Telegram/Google Sheet

Bật Lead Capture ✅

Có 2 destination (chọn 1 hoặc cả 2):

Destination A — Telegram

Bước 1: Tạo Telegram bot (giống setup Telegram Channel ở Bài 5):

• Mở app Telegram → @BotFather → /newbot → đặt tên → copy Bot Token

Bước 2: Lấy Chat ID:

• Gửi 1 tin nhắn vào bot vừa tạo
• Mở https://api.telegram.org/bot{TOKEN}/getUpdates trên browser
• Tìm chat.id trong response (số dương cho cá nhân, số âm cho group/channel)

Bước 3: Vào tab Lead Capture → paste Bot Token + Chat ID → bấm Gửi test message verify

📷 [Screenshot: Form Telegram, đã paste token + chat id, button "Gửi test message" + result "✓ Sent successfully"]

Mỗi lead capture → bot gửi notification Telegram ngay:

🆕 LEAD MỚI từ aipage.vn

👤 Tên: Nguyễn Văn A
📱 SĐT: 0901234567
📍 Địa chỉ: Q1, TPHCM
💬 Nhu cầu: Cần tư vấn gói Business 6 tháng

🕐 17/05/2026 14:30
🔗 Trang: https://aipage.vn/dich-vu/...

Destination B — Google Sheet

Mỗi lead = 1 row mới trong Google Sheet → dễ quản lý + export.

Bước 1: Tạo Google Sheet mới → đặt header row:

Created At | Name | Phone | Address | Demand | Page URL | Lead ID | Session

Bước 2: Menu Extensions → Apps Script → paste code:

function doPost(e) {
  const sheet = SpreadsheetApp.getActiveSheet();
  const d = JSON.parse(e.postData.contents);
  sheet.appendRow([d.created_at, d.name, d.phone, d.address, d.demand, d.page_url, d.lead_id, d.session_id]);
  return ContentService.createTextOutput(JSON.stringify({ok:true}))
    .setMimeType(ContentService.MimeType.JSON);
}

Bước 3: Deploy → New deployment:

• Type: Web App
• Execute as: Me
• Who has access: Anyone
• Bấm Deploy → copy URL kết thúc /exec

Bước 4: Paste URL vào AIpage WP tab Lead Capture → Gửi test row verify

📷 [Screenshot: Apps Script editor + Deploy modal + Google Sheet sau test có 1 row test]

Tab 3 — Danh sách Leads

Bảng list tất cả lead đã thu với:

• Created At
• Tên / SĐT / Địa chỉ
• Nhu cầu
• Page URL gốc (track lead đến từ bài nào)
• Status: gửi Telegram OK/fail, Google Sheet OK/fail
• Action: xem chi tiết, xóa

📷 [Screenshot: Table leads 5 row + filter + search]

Filter: search by name/phone/demand, sort by date.

Export CSV: nút Tải CSV export toàn bộ leads cho marketing team.

Workflow tổng — site có chatbot + lead capture

[Khách vào page bài "Dịch vụ Tích xanh Facebook"]
       ↓
[Thấy widget chatbot góc phải-dưới, click]
       ↓
[Welcome message: "Xin chào! Tôi giúp gì cho anh/chị?"]
       ↓
[Khách: "Anh muốn đăng ký tích xanh fanpage, bao nhiêu tiền?"]
       ↓
[AI: trả lời giá + benefit, hỏi: "Anh/chị có muốn nhận tư vấn cụ thể?"]
       ↓
[Khách: "Có"]
       ↓
[AI chuyển sang lead mode: hỏi tên → sđt → nhu cầu]
       ↓
[Lead inserted DB + ngay lập tức:]
  - Telegram notification → anh thấy noti điện thoại
  - Google Sheet new row → marketing team xem
       ↓
[Anh call lại trong 5 phút → conversion cao]

Mẹo nâng cao

1. Train chatbot với content site

Chatbot mặc định dùng general AI knowledge. Để chatbot trả lời chính xác về dịch vụ/sản phẩm của bạn:

• Tab Cấu hình → Custom hint điền: > "Bạn là tư vấn viên của aipage.vn. Khi khách hỏi giá, trả lời: Plan A 199K/m, Plan B 499K/m, Plan C 1.49M/m. Khi khách quan tâm → chuyển lead mode. Hotline: 09xxxxx."

→ AI áp dụng hint vào mọi conversation.

2. Custom welcome message theo page

Dùng filter PHP aipw/chatbot_welcome trong child theme:

add_filter('aipw/chatbot_welcome', function($default) {
    if (is_page('pricing')) {
        return 'Xin chào! Tôi tư vấn về gói dịch vụ phù hợp ngân sách của anh/chị.';
    }
    return $default;
});

3. Disable widget ở 1 số trang

Dùng filter aipw/chatbot_should_render:

add_filter('aipw/chatbot_should_render', function($yes) {
    if (is_page(['privacy', 'terms', 'cart', 'checkout'])) {
        return false;
    }
    return $yes;
});

4. Theo dõi conversion rate

Lead capture lưu page_url → biết bài nào convert nhiều lead → invest content tương tự.

FAQ — Câu hỏi thường gặp

1. Dashboard load mãi không hiện?

Cache JS cũ. Vào DevTools (F12) → Console xem error đỏ. Nếu thấy "SyntaxError" → báo support. Đã có fix filemtime auto-bust cache trong v0.3.0.

2. Chatbot không hiện widget ở frontend?

Check:

• Đã bật Chatbot enabled trong tab Cấu hình
• Đã bật Auto-inject (off = chỉ hiện qua shortcode [aipw_chatbot])
• Theme có hook wp_footer() (mọi theme chuẩn đều có)
• Page không bị filter aipw/chatbot_should_render return false

3. Lead capture không gửi Telegram?

Test trực tiếp bot:

• Browser mở https://api.telegram.org/bot{TOKEN}/sendMessage?chat_id={ID}&text=test
• Nếu fail → token hoặc chat_id sai
• Nếu OK → vấn đề ở plugin, check debug.log

4. AI chatbot trả lời sai về dịch vụ?

Add custom hint cụ thể (Mẹo #1 trên). AI sẽ ưu tiên hint trước general knowledge.

5. Chatbot tốn bao nhiêu chi phí AI?

Tùy model:

• Gemini Flash: ~$0.0001/tin (~3 VND) — khuyên cho chatbot volume cao
• Claude Haiku: ~$0.001/tin (~25 VND)
• GPT-4o: ~$0.01/tin (~250 VND) — đắt, không cần thiết

100 conversation/ngày = ~$0.01-0.50 với Flash/Haiku.

6. Có tích hợp CRM khác (HubSpot, Salesforce) không?

Hiện chỉ Telegram + Google Sheet built-in. Để push CRM khác → dùng webhook trung gian (Zapier, Make.com) nối Google Sheet → CRM.

7. Có hỗ trợ multi-language chatbot không?

Có. AI tự detect ngôn ngữ user → trả lời ngôn ngữ đó. Custom hint nên ghi: "Trả lời theo ngôn ngữ khách nhập."

🎉 Hoàn tất series 7 bài hướng dẫn AIpage WP!

Anh/chị đã biết cách:

1. ✅ Cài đặt plugin
2. ✅ Setup 6 API key AI provider
3. ✅ Viết bài AI đầu tiên + nghiên cứu từ khóa
4. ✅ Auto-publish + AI sinh ảnh featured
5. ✅ Auto Share lên 10 mạng xã hội
6. ✅ Tối ưu bài cũ + Topical Authority Audit
7. ✅ Dashboard "Tình trạng AI" + Chatbot lead capture (bài này)

🚀 Site WordPress của bạn giờ đây tự động:

• Nghiên cứu từ khóa + viết bài AI mỗi ngày
• Sinh ảnh AI cho mỗi bài
• Share lên 10 mạng xã hội ngay khi publish
• Tối ưu bài cũ theo cron
• Phân tích topical authority + link hub-spoke
• Chatbot tư vấn + thu lead 24/7
• Dashboard hiển thị mọi KPI

Cần hỗ trợ? Liên hệ support@aipage.vn hoặc Zalo 09xxxxx.