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ị website Linh kết nối OA Minh Chau Official 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ờ đây đều có thể chạm vào nút Zalo và liên hệ thẳng đội bán hàng - 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

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

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

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 - 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)

  1. Trang web ‣ Cấu hình ‣ Thiết lập, rồi chọn website tại Thiết lập của trang web ở đầu 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 muốn liên kết (ví dụ: Minh Chau Official) → Lưu.

Thiết lập website với trường Tài khoản trò chuyện Zalo trong mục Trò chuyện trực tiếp

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

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.

Website hiển thị nút Zalo nổi ở góc phải dưới

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 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

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"