Nút chat Zalo trên website¶

Thông tin bài hướng dẫn

Đối tượng: Website Admin
Thời gian thực hiện: 5–10 phút
Kết quả đạt được: Nút Zalo nổi góc phải tất cả trang website — khách nhấn là mở thẳng Zalo OA của doanh nghiệp

Tính năng thêm một nút nổi Chat qua Zalo vào góc phải website. Khách nhấn vào là mở thẳng Zalo (app trên điện thoại, Zalo Web trên máy tính). Phù hợp khi đội ngũ chủ yếu xử lý hội thoại qua Zalo OA và muốn dẫn thêm khách từ website vào kênh đó.

Ví dụ xuyên suốt hướng dẫn này: Quản trị website Linh kết nối OA Minh Chau Official với website công ty minchau.vn. Khách truy cập ở bất kỳ trang sản phẩm nào giờ chỉ cần chạm nút Zalo là liên hệ thẳng đội kinh doanh — khỏi phải tìm số điện thoại hay ID của OA. Bỏ được vướng víu đó nghĩa là những người mua tiềm năng lẽ ra đã rời đi sẽ gửi tin nhắn đầu tiên, giảm thất thoát lead ngay tại thời điểm khách mới quan tâm.

Điều kiện trước khi bắt đầu¶

Cả ba điều kiện phải đủ — thiếu một là nút không hiển thị:

Điều kiện	Kiểm tra ở đâu
Zalo OA đã kết nối (trạng thái Đã kết nối)	Cấu hình Zalo OA
Website đã bật Live Chat channel	Website ‣ Configuration ‣ Settings → trường Live Chat
Module viin_zalo_website_livechat đã cài	Apps → tìm "Chat trực tuyến Zalo"

Cài đặt module¶

Vào Cài đặt ‣ Zalo, tại phần Tiện ích Zalo kiểm tra mục Chat trực tuyến Zalo đã được bật.

Màn hình Cài đặt Zalo — phần Tiện ích Zalo với mục Chat trực tuyến Zalo đã bật và trường Zalo OA cho trang web

Cấu hình nút chat Zalo¶

Có hai cách — kết quả giống nhau, chọn cách nào cũng được.

Cách 1 — Qua Website Settings (dùng khi có nhiều website)

Settings ‣ Websites → nhấn vào tên website (ví dụ: minchau.vn).
Tab Website → phần Livechat → trường "Zalo Livechat Account".
Chọn OA muốn liên kết (ví dụ: Minh Châu Official) → Save.

Form website với trường Zalo Livechat Account trong phần Livechat

Ghi chú

Trường "Zalo Livechat Account" chỉ hiện khi website đã có Live Chat channel.

Cách 2 — Qua Zalo Settings (nhanh hơn khi chỉ có 1 website)

Cài đặt ‣ Zalo → phần Tiện ích Zalo.
Trường "Zalo OA cho trang web" → chọn OA → Save.

Màn hình Cài đặt Zalo với trường Zalo OA cho trang web

Nút xuất hiện ngay sau Save — không cần restart.

Kiểm tra kết quả¶

Mở tab ẩn danh, truy cập website, kiểm tra:

Nút Zalo tròn nổi ở góc phải dưới, nằm trên nút Live Chat.
Nhấn nút → mở Zalo, không popup trong trang.
Zalo mở đúng OA đã cấu hình, không phải OA khác.

Multi-website¶

Mỗi website có field OA riêng — gán độc lập, không ảnh hưởng nhau:

Website bán hàng → OA team kinh doanh
Website hỗ trợ khách hàng → OA team CSKH

Dùng Cách 1 để mở từng website record và gán OA tương ứng.