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.

Website Chat
Lead Capture
24/7
Hỗ trợ tự động
Chuyển người thật

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