Chatbot AI trên website
Kết hợp chatbot AI trên website để hỗ trợ khách hàng 24/7, thu thập lead tự động và chuyển sang nhân viên khi cần.
Tính năng chính
Điểm chính
• Snippet kéo thả dễ dàng: Thêm chat AI vào bất kỳ trang nào bằng cách kéo thả trong Website Builder
• Hai chế độ chat: Fullscreen (toàn màn hình) hoặc Popup (cửa sổ chat) tùy theo nhu cầu
• Chuyển sang người thật: Nút "Ask a Human" để chuyển cuộc trò chuyện sang nhân viên hỗ trợ
• Nút fallback thông minh: Hiển thị tùy chọn liên hệ khác khi không có người hỗ trợ online
• Tùy chỉnh linh hoạt: Chọn AI agent, livechat channel, placeholder text theo ý muốn
Kết quả mong đợi
Điểm chính
• Tăng tỷ lệ phản hồi lên đến 100% ngay cả khi ngoài giờ làm việc
• Thu thập thông tin khách hàng tiềm năng tự động trong quá trình chat
• Giảm thời gian chờ trước khi có nhân viên hỗ trợ xuống gần 0
• Cải thiện trải nghiệm khách hàng với hỗ trợ tức thì 24/7
• Tăng tỷ lệ chuyển đổi từ khách truy cập thành lead chất lượng
Thiết lập cơ bản
Các bước thực hiện
1. Vào Website → Edit và mở panel Blocks, tìm snippet AI Livechat trong category Contact and Forms
2. Kéo thả snippet vào vị trí mong muốn trên trang (cuối trang hoặc sidebar)
3. Chọn AI Agent sẽ xử lý chat và Livechat Channel cho chức năng chuyển sang người thật
4. Chọn Chat Style: Fullscreen cho trang hỗ trợ chuyên dụng, Popup cho trang chung
5. Cấu hình Prompt Placeholder và Fallback Button (text + URL) để tối ưu trải nghiệm
6. Lưu trang và test chat để đảm bảo hoạt động đúng
Hai chế độ chat
Điểm chính
• Fullscreen (Toàn màn hình): Chat hiển thị trực tiếp trên trang, ẩn các phần khác, phù hợp cho trang hỗ trợ chuyên dụng hoặc FAQ
• Popup Window (Cửa sổ popup): Mở cửa sổ chat riêng không ảnh hưởng nội dung trang, phù hợp cho trang sản phẩm, dịch vụ, trang chủ
• Fullscreen có nút Close để đóng chat, Popup có thể minimize/maximize
• Lịch sử chat Fullscreen lưu trong component, Popup quản lý bởi discuss module
Chuyển sang người thật
Điểm chính
• Khách có thể nhấn nút "Ask a Human" (Trò chuyện với người) bất cứ lúc nào trong chat
• Hệ thống tự động kiểm tra người hỗ trợ khả dụng trong Livechat Channel đã cấu hình
• Nếu có người online: Cuộc trò chuyện được chuyển sang livechat, nhân viên nhận chat ngay
• Nếu không có người online: Hiển thị thông báo và nút fallback để khách có lựa chọn khác
• Cần cấu hình Livechat Channel và có người hỗ trợ online để tính năng hoạt động
Nút fallback thông minh
Điểm chính
• Hiển thị khi không có người hỗ trợ online hoặc khách muốn liên hệ qua kênh khác
• Tùy chỉnh text (ví dụ: "Contact Us", "Liên hệ", "Email Us") và URL đích
• URL có thể là trang liên hệ (/contactus), form hỗ trợ (/support/ticket), hoặc email (mailto:)
• Luôn nên cấu hình fallback để đảm bảo khách luôn có cách liên hệ
Ai nên sử dụng
Điểm chính
• Quản trị website: Thêm và cấu hình AI chat trên website để tăng tương tác
• Biên tập viên: Tùy chỉnh nội dung, vị trí và style chat phù hợp với từng trang
• Nhân viên hỗ trợ khách hàng: Tiếp nhận và xử lý chat được chuyển từ AI
• Doanh nghiệp muốn hỗ trợ 24/7: Cung cấp hỗ trợ liên tục mà không cần nhân viên trực
Mẹo sử dụng thực tế
Điểm chính
• Dùng Fullscreen cho trang Help Center/FAQ, Popup cho trang sản phẩm/dịch vụ
• Đặt snippet ở cuối trang hoặc sidebar, tránh đầu trang che nội dung quan trọng
• Tạo livechat channel riêng cho AI chat và gán người hỗ trợ vào channel
• Tùy chỉnh placeholder text phù hợp với ngôn ngữ và mục đích (ví dụ: "Hỏi AI về sản phẩm...")
• Luôn cấu hình fallback button để khách có lựa chọn liên hệ khi không có người online
Các trường hợp sử dụng
Điểm chính
• Trang sản phẩm: Popup chat để khách hỏi về tính năng, giá cả mà không rời khỏi trang
• Trang hỗ trợ: Fullscreen chat để khách tập trung giải quyết vấn đề
• Trang chủ: Popup chat để hỗ trợ chung và thu thập lead
• Trang landing campaign: Popup chat để tư vấn và thúc đẩy chuyển đổi
• Trang liên hệ: Fullscreen chat như kênh liên hệ chính
Lợi ích
Điểm chính
• Hỗ trợ khách hàng 24/7 mà không cần nhân viên trực liên tục
• Thu thập lead tự động trong quá trình chat, tăng hiệu quả marketing
• Giảm tải công việc cho nhân viên hỗ trợ với các câu hỏi thường gặp
• Cải thiện tỷ lệ chuyển đổi với hỗ trợ tức thì khi khách cần
• Tích hợp liền mạch với Odoo CRM và Livechat để quản lý lead hiệu quả
Lưu ý quan trọng
Điểm chính
• Cần cài module ai_website_livechat và các dependencies (ai_website, ai_livechat, html_builder)
• Phải chọn AI agent trong cấu hình snippet, nếu không sẽ hiển thị lỗi
• Cần cấu hình Livechat Channel và có người online để chức năng "Ask a Human" hoạt động
• Test kỹ trên nhiều thiết bị và trình duyệt trước khi triển khai
• Chuẩn bị AI agent với prompt phù hợp để trả lời chính xác câu hỏi khách hàng