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

Cảnh báo

Ảnh chụp màn hình trên trang này sử dụng dữ liệu giả định. Các tài khoản Zalo, liên hệ, hội thoại và tin nhắn hiển thị chỉ mang tính minh họa, không thuộc về bất kỳ cá nhân hay doanh nghiệp có thật nào.

Tính năng này thêm một nút chat Zalo nổi ở góc dưới bên phải website. Khách bấm vào để mở Zalo trực tiếp (ứng dụng trên điện thoại, Zalo Web trên máy tính). Phù hợp nếu đội của bạn chủ yếu xử lý hội thoại qua Zalo OA và muốn dẫn thêm khách từ website sang kênh này.

Ví dụ xuyên suốt hướng dẫn: Quản trị viên website Linh kết nối tài khoản Viindoo Demo OA với website của công ty là My Website. Khách truy cập bất kỳ trang sản phẩm nào giờ có thể bấm nút Zalo và liên hệ thẳng đội kinh doanh — không cần tìm số điện thoại hay ID OA. Nút này cho khách một cách trực tiếp để bắt đầu hội thoại với OA đã cấu hình.

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

Phải đáp ứng tất cả các điều kiện dưới đây — thiếu một điều kiện thì nút sẽ không hiện:

Điều kiện

Kiểm tra ở đâu

OA Zalo đã kết nối (trạng thái Đã kết nối). Nút mở đúng OA theo ID OA do Đồng bộ thông tin OA điền vào; trước khi đồng bộ, nút dùng ID ứng dụng và đó không phải ID của OA.

Cấu hình Zalo OA

Website đã bật tùy chọn Trò chuyện trực tiếp và đã chọn Kênh

Trang web ‣ Cấu hình ‣ Thiết lập → tùy chọn Trò chuyện trực tiếp

Module Nút chat Zalo cho Website đã được cài đặt

Ứng dụng → tìm "Zalo", module Nút chat Zalo cho Website

Bạn có quyền truy cập Quản trị viên của ứng dụng Chat trực tuyến: trường Tài khoản trò chuyện Zalo bị ẩn với người dùng khác

Thiết lập ‣ Người dùng & Công ty ‣ Người dùng → tab Quyền truy cập

Cài đặt module

Vào Thiết lập ‣ 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 Thiết lập Zalo với phần Tiện ích Zalo hiển thị 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)

  1. Trang web ‣ Cấu hình ‣ Thiết lập, sau đó chọn website ở ô chọn website phía trên màn hình (ví dụ: My Website).

  2. Mục Trò chuyện trực tiếp → trường "Tài khoản trò chuyện Zalo".

  3. Chọn OA cần liên kết (ví dụ: Viindoo Demo OA) → Lưu.

Màn hình Thiết lập Trang web với ô chọn website ở trên cùng và trường Tài khoản trò chuyện Zalo trong mục Trò chuyện trực tiếp, đã chọn Viindoo Demo OA

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. Thiết lập ‣ Zalo → phần Tiện ích Zalo.

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

Màn hình Thiết lập Zalo với trường Zalo OA cho trang web đã chọn Viindoo Demo OA

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.

Trang website với nút Zalo tròn nổi ở góc dưới bên phải, phía trên nút Chat trực tuyến

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 để lần lượt chọn từng website và gán OA phù hợp.

Ghi chú

Trong môi trường đa công ty: danh sách thả xuống chỉ hiện các OA của những công ty đang bật trong bộ chọn công ty. OA của công ty khác không xuất hiện - đó là hành vi đú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 Trò chuyện trực tiếp, chưa gán OA hoặc chưa cài module

Kiểm tra các điều kiện trong bảng trên; xác nhận module đã được cài trong Ứng dụng

Dropdown OA trống hoặc thiếu OA cần tìm

Công ty của OA chưa được bật trong bộ chọn công ty

Bật công ty của OA trong bộ chọn công ty; kiểm tra Công ty của OA tại Zalo ‣ Cấu hình ‣ Tài khoản

Nút Zalo mở sai OA

Website gán nhầm OA

Trang web ‣ Cấu hình ‣ Thiết lập → chọn từng website → kiểm tra và sửa trường "Tài khoản trò chuyện Zalo"