Nút chat Zalo trên website

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

Đối tượng: Website Quản trị viên

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 (ứng dụng 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ị viên website Linh kết nối OA Minh Chau Official với website minchau.vn. Khách trên trang sản phẩm có thể nhấn nút Zalo để liên hệ đội kinh doanh mà không phải tìm số điện thoại hoặc ID của OA. Nút giúp khách bắt đầu hội thoại trực tiếp với OA đã cấu hình.

Đ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 kênh Chat trực tuyến	Trang web ‣ Cấu hình ‣ Thiết lập → trường Chat trực tuyến
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.

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)

1. Cài đặt ‣ Website → nhấn vào tên website (ví dụ: minchau.vn).

2. Tab Trang web → phần Chat trực tuyến → trường "Tài khoản trò chuyện Zalo".

3. Chọn OA muốn liên kết (ví dụ: Minh Châu Official) → Lưu.

Ghi chú

Trường "Tài khoản trò chuyện Zalo" chỉ hiện khi website đã có kênh Chat trực tuyến.

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

1. Cài đặt ‣ Zalo → phần Tiện ích Zalo.

2. Trường "Zalo OA cho trang web" → chọn OA → Lưu.

Nút xuất hiện ngay sau Lưu — không cần khởi động lại.

Kiểm tra kết quả

Mẹo

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 Chat trực tuyến.

• 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ó trường OA riêng — gán độc lập, không ảnh hưởng nhau:

• Website bán hàng → OA đội ngũ kinh doanh

• Website hỗ trợ khách hàng → OA đội ngũ CSKH

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

Ghi chú

Môi trường nhiều công ty: danh sách lựa chọn chỉ hiện OA thuộc công ty của website đó. OA công ty khác không xuất hiện là đúng — không phải lỗi.

Lỗi thường gặp

Triệu chứng	Nguyên nhân thường gặp	Cách xử lý
Nút Zalo không hiển thị	Thiếu kênh Chat trực tuyến, chưa gán OA, OA chưa Đã kết nối, hoặc module chưa cài	Kiểm tra lần lượt 3 điều kiện ở bảng đầu bài; xác nhận module đã cài trong Apps
Dropdown OA trống hoặc thiếu OA cần tìm	OA chưa được thêm vào Công ty cho phép của công ty website, hoặc OA chưa Đã kết nối	Zalo ‣ Cấu hình ‣ Tài khoản → mở OA → kiểm tra Công ty cho phép và trạng thái kết nối
Nút Zalo mở sai OA	Website gán nhầm OA	Cài đặt ‣ Website → mở từng website → kiểm tra và sửa trường "Tài khoản trò chuyện Zalo"

Tài liệu liên quan

• OA chưa kết nối → Cấu hình Zalo OA

• Cho phép khách đăng nhập cổng thông tin bằng Zalo → Đăng nhập cổng thông tin bằng Zalo

• Quản lý liên kết đối tác Zalo → Quản lý liên kết đối tác Zalo