Chèn nút chat Zalo, Messenger vào website WordPress có ba cách chính: dán mã widget chính thức của Zalo Official Account (OA), dùng plugin nút liên hệ nhanh, hoặc tạo nút liên kết m.me trỏ tới Facebook Messenger. Lưu ý quan trọng: theo nhiều nguồn, Meta đã ngừng Messenger Chat Plugin (khung chat nhúng trực tiếp) từ tháng 5/2024, nên với Messenger hiện nay thực tế là dùng liên kết m.me hoặc dịch vụ bên thứ ba.
Mục lục
- Chọn cách nào: widget, plugin hay liên kết?
- Chuẩn bị trước khi chèn
- Cách 1: Chèn Zalo Chat Widget chính thức
- Cách 2: Chèn Messenger bằng liên kết m.me
- Cách 3: Dùng plugin nút chat nổi
- Bảng so sánh các cách
- Tối ưu vị trí, nội dung nút để tăng chuyển đổi
- Giữ website nhanh khi thêm nút chat
- Đo lường lượt bấm nút chat
- Lỗi thường gặp và cách xử lý
- Khi nào nên và không nên gắn nút chat
- Câu hỏi thường gặp
- Nguồn tham khảo
Chọn cách nào: widget, plugin hay liên kết?
Khách vào website thường muốn hỏi nhanh về giá, tình trạng hàng hoặc lịch hẹn. Một nút chat Zalo hoặc Messenger đặt đúng chỗ rút ngắn bước đó. Việc chọn cách chèn phụ thuộc vào ba câu hỏi:
- Bạn có Zalo OA (tài khoản chính thức, đã duyệt) hay chỉ có Zalo cá nhân?
- Bạn muốn khung chat mở ngay trên trang hay chỉ cần chuyển khách sang ứng dụng?
- Ai sẽ trả lời tin nhắn, vào khung giờ nào?
Câu hỏi thứ ba thường bị bỏ quên. Nút chat không ai trực chỉ làm giảm niềm tin. Hãy xác định người phụ trách và khung giờ trước khi hiển thị nút.
Chuẩn bị trước khi chèn
| Kênh | Cần chuẩn bị | Ghi chú |
|---|---|---|
| Zalo widget chính thức | Zalo OA đã được duyệt và đang hoạt động; ID của OA | Tài liệu Zalo dành cho nhà phát triển yêu cầu mã nhúng gồm thuộc tính data-oaid |
| Zalo qua liên kết | Số điện thoại hoặc liên kết Zalo cá nhân / OA | Chỉ chuyển khách sang ứng dụng Zalo |
| Messenger | Tên người dùng (username) của Fanpage Facebook | Liên kết dạng m.me/tên-trang |
| Plugin nút chat | Quyền quản trị WordPress, bản sao lưu website | Kiểm tra tương thích với theme và cache |
Sao lưu website trước khi cài plugin hoặc sửa theme; xem hướng dẫn backup website WordPress. Nếu bạn chưa có Zalo OA, hãy tìm hiểu quy trình đăng ký chính thức của Zalo, không dùng dịch vụ mua bán tài khoản.
Cách 1: Chèn Zalo Chat Widget chính thức
Zalo cung cấp widget chat dành cho Official Account tại trang tài liệu Zalo for Developers. Các bước phổ biến, được nhiều tài liệu hướng dẫn mô tả giống nhau:
- Đăng nhập Zalo for Developers và mở trang Zalo Chat Widget.
- Chọn Zalo OA đang hoạt động (không ở trạng thái chờ duyệt hoặc bị khóa).
- Nhấp Lấy mã; tùy chỉnh lời chào và thời gian hiển thị nếu có.
- Sao chép đoạn mã. Mã có thuộc tính data-oaid chứa ID của OA.
- Trên WordPress, dán mã vào footer của site (qua mục chèn mã đầu trang / chân trang của theme hoặc plugin) để widget xuất hiện trên toàn bộ trang.
- Lưu, xóa cache và mở website bằng trình duyệt ẩn danh để kiểm tra.
Chèn mã vào WordPress thế nào cho an toàn?
- Plugin chèn mã đầu / chân trang: dễ nhất, không đụng vào theme. Dán mã vào ô footer.
- Child theme: thêm vào footer.php của theme con, hoặc dùng hook trong functions.php, dành cho người biết lập trình.
- Tránh sửa trực tiếp theme gốc: cập nhật theme sẽ làm mất thay đổi.
Giới hạn cần biết
- Widget chat chính thức dành cho tài khoản OA; không dành cho tài khoản Zalo cá nhân.
- Theo một số hướng dẫn, widget không chạy trên trang AMP.
- Hiển thị và tính năng có thể thay đổi theo từng thời kỳ; hãy xem lại trang tài liệu chính thức của Zalo. Giao diện lấy mã có thể khác tùy phiên bản.
Muốn hiểu thêm cách dùng Zalo trong bán hàng, tham khảo Zalo Marketing và WhatsApp và Zalo Business là gì.
Cách 2: Chèn Messenger bằng liên kết m.me
Theo tài liệu Messenger Platform của Meta, liên kết m.me chuyển người dùng tới cuộc trò chuyện với Trang (Page) hoặc người dùng. Định dạng cơ bản là m.me/TÊN-TRANG, có thể thêm tham số text để gợi ý nội dung tin nhắn và tham số ref để phân biệt nguồn bấm.
Các bước tạo nút Messenger
- Xác định tên người dùng (username) của Fanpage trong phần thông tin Trang. Nếu chưa có, tạo trong cài đặt Trang.
- Ghép thành liên kết m.me/tên-trang. Có thể thêm
?ref=websiteđể theo dõi nguồn khách (nội dung ref do bạn đặt). - Trong WordPress, tạo nút bằng trình soạn thảo khối (block Button), menu hoặc widget; đặt liên kết như trên.
- Chọn mở trong tab mới để khách không rời khỏi trang.
- Thử trên điện thoại và máy tính: điện thoại sẽ mở ứng dụng Messenger, máy tính sẽ mở trang Messenger trên web.
Còn khung chat nhúng của Messenger thì sao?
Messenger Chat Plugin (còn gọi là Customer Chat Plugin) từng cho phép khung chat Facebook ngay trên website. Nhiều bài của các nhà cung cấp phần mềm chat ghi nhận Meta đã ngừng plugin này từ ngày 9/5/2024 và mã nhúng cũ không còn hiển thị khung chat. Lưu ý: tài liệu hiện hành của Meta cho nhà phát triển không còn trang mô tả plugin này, nên mốc ngày chính xác đến từ nguồn thứ ba; điều chắc chắn với người làm website là chỉ còn liên kết m.me được Meta hướng dẫn chính thức. Nếu site của bạn còn đoạn mã SDK Facebook cũ phục vụ plugin này, nên gỡ để tránh lỗi và làm chậm trang. Xem thêm bài Facebook Chat Plugin của Vidco Group.
Các hướng thay thế thường dùng: nút m.me, công cụ chat đa kênh của bên thứ ba có hỗ trợ nhận tin Messenger, hoặc chạy quảng cáo nhắn tin; tham khảo quảng cáo Messenger.
Cách 3: Dùng plugin nút chat nổi
Có nhiều plugin WordPress cho phép hiển thị một cụm nút liên hệ nổi (Zalo, Messenger, điện thoại) ở góc màn hình. Các bước chung:
- Vào Plugin > Cài mới, tìm tên plugin cần dùng (ví dụ các plugin liên hệ nhanh phổ biến trên kho plugin chính thức).
- Kiểm tra số lượt cài đặt, đánh giá, ngày cập nhật gần nhất và phiên bản WordPress được hỗ trợ.
- Cài đặt và kích hoạt.
- Vào trang cài đặt của plugin, nhập liên kết Zalo, liên kết m.me, số điện thoại.
- Chọn vị trí, màu sắc, hiệu ứng, thiết bị hiển thị (máy tính, di động).
- Lưu, xóa cache và kiểm tra.
Ưu tiên plugin tải từ kho plugin chính thức của WordPress hoặc nhà phát triển uy tín. Tránh plugin lậu / bản crack vì nguy cơ mã độc; xem thêm bảo mật website WordPress và cập nhật plugin an toàn.
Bảng so sánh các cách
| Tiêu chí | Zalo widget chính thức | Liên kết m.me | Plugin nút nổi |
|---|---|---|---|
| Cần Zalo OA / Fanpage | Cần Zalo OA | Cần Fanpage có username | Tùy plugin |
| Khung chat trên trang | Có | Không, chuyển sang Messenger | Thường chỉ mở liên kết |
| Độ khó | Trung bình (dán mã) | Dễ | Dễ |
| Ảnh hưởng tốc độ | Có tải script bên ngoài | Gần như không | Phụ thuộc plugin |
| Kiểm soát tùy biến | Theo tùy chọn của Zalo | Tùy bạn thiết kế nút | Theo plugin |
| Rủi ro bảo trì | Phụ thuộc chính sách Zalo | Thấp | Cần cập nhật plugin |
| Phù hợp với | Site có OA, muốn chat tại chỗ | Site nhỏ, cần đơn giản | Site muốn gom nhiều kênh |
Tối ưu vị trí và nội dung nút chat để tăng chuyển đổi
- Vị trí: góc dưới bên phải thường quen thuộc với người dùng. Trên điện thoại, đừng che nút mua hàng hoặc thanh điều hướng cố định.
- Tên nút rõ: “Chat Zalo tư vấn” dễ hiểu hơn biểu tượng không nhãn.
- Lời chào cụ thể: “Anh/chị cần báo giá hay tư vấn lắp đặt?” tốt hơn “Xin chào”. Nêu khung giờ trả lời.
- Tin nhắn có sẵn: với m.me có thể dùng tham số text gợi ý nội dung, ví dụ “Tôi muốn hỏi về [dịch vụ]”.
- Khác nhau theo trang: trang sản phẩm nên dẫn kèm tên sản phẩm trong tin nhắn; trang blog có thể không cần nút nổi quá nổi bật.
- Quy trình sau chat: soạn sẵn kịch bản trả lời, lưu thông tin khách vào bảng tính hoặc phần mềm quản lý khách hàng theo đúng quy định bảo vệ dữ liệu cá nhân hiện hành.
- Hiển thị theo thiết bị: ở di động, nút nhỏ gọn; ở máy tính, có thể hiện thêm lời chào.
Để tăng tỷ lệ chuyển đổi nói chung, tham khảo thêm bài cách tăng doanh số bán hàng và live chat là gì.
Giữ website nhanh khi thêm nút chat
Mã bên ngoài (script của Zalo, SDK Facebook cũ, plugin nặng) có thể làm chậm trang, nhất là trên di động.
- Chỉ tải một công cụ chat; đừng cài song song nhiều plugin trùng chức năng.
- Nếu có thể, trì hoãn nạp script cho tới khi người dùng tương tác hoặc trang tải xong (nhiều plugin tối ưu tốc độ hỗ trợ trì hoãn JavaScript, nhưng hãy kiểm tra chắc nút còn hoạt động).
- Gỡ mã SDK / plugin Messenger cũ không còn dùng.
- Đo trước và sau bằng PageSpeed Insights hoặc công cụ tương đương.
Thêm gợi ý ở bài cách tăng tốc website WordPress.
Đo lường lượt bấm nút chat
Không đo được thì không biết nút có hiệu quả. Một số cách thực tế:
- Dùng Google Tag Manager tạo sự kiện cho lượt bấm vào liên kết chứa “m.me” hoặc “zalo.me”, rồi gửi sự kiện về Google Analytics 4.
- Với m.me, thêm tham số ref khác nhau cho từng vị trí nút (header, sản phẩm, footer) để biết nguồn trong dữ liệu cuộc trò chuyện.
- Đối chiếu số lượt bấm với số tin nhắn thực nhận để phát hiện khách bấm nhưng không nhắn.
- Theo dõi tỷ lệ đơn hoặc lịch hẹn từ khách đến từ chat.
Cách thiết lập chi tiết thay đổi theo công cụ và phiên bản; hãy tham khảo tài liệu chính thức của Google Tag Manager.
Lỗi thường gặp và cách xử lý
| Triệu chứng | Nguyên nhân có thể | Cách xử lý |
|---|---|---|
| Widget Zalo không hiện | Sai data-oaid; OA chưa được duyệt; cache; script bị chặn | Kiểm tra ID OA, trạng thái OA, xóa cache, xem lỗi trong công cụ dành cho nhà phát triển của trình duyệt |
| Nút chỉ hiện trên một số trang | Mã chèn vào template riêng, không phải footer chung | Chèn qua footer chung hoặc plugin chèn mã toàn site |
| Nút Messenger mở trang lỗi | Sai username Fanpage hoặc Trang bị hạn chế | Thử mở liên kết m.me trực tiếp; kiểm tra username |
| Khung chat Facebook cũ biến mất | Plugin chat nhúng đã ngừng hoạt động | Gỡ mã cũ, chuyển sang liên kết m.me hoặc công cụ chat khác |
| Nút che mất nút “Mua ngay” trên di động | Vị trí cố định trùng | Dịch vị trí hoặc ẩn trên trang thanh toán |
| Website chậm hơn sau khi chèn | Script nặng hoặc nhiều plugin trùng | Bỏ bớt, trì hoãn tải, đo lại |
| Bấm vào mà không có ai trả lời | Thiếu người trực | Ghi rõ khung giờ, đặt tin nhắn tự động ngoài giờ |
| Lỗi sau khi cập nhật plugin / theme | Xung đột phiên bản | Khôi phục từ bản sao lưu, cập nhật có kiểm soát |
Khi nào nên và không nên gắn nút chat?
| Nên | Không nên |
|---|---|
| Dịch vụ cần tư vấn trước khi mua (nội thất, thiết kế, khóa học, sửa chữa) | Không có người trả lời trong ngày |
| Cửa hàng có nhiều câu hỏi lặp lại về giá, giao hàng | Website cần bảo mật cao, khách không muốn bị nhắn tin lại |
| Đối tượng khách quen dùng Zalo / Messenger | Dùng chat để thu thập dữ liệu mà không thông báo rõ mục đích |
| Muốn đo hiệu quả kênh chat bằng sự kiện | Chèn ba bốn nút chồng nhau gây rối |
Lưu ý riêng tư: nếu thu thập thông tin khách qua chat, hãy ghi rõ mục đích sử dụng và kiểm tra quy định bảo vệ dữ liệu cá nhân hiện hành. Đây không phải tư vấn pháp lý.
Câu hỏi thường gặp
Làm sao chèn nút chat Zalo vào website WordPress?
Nếu có Zalo OA, lấy mã Zalo Chat Widget từ trang Zalo for Developers và dán vào footer của website qua plugin chèn mã hoặc theme con. Nếu chỉ cần chuyển khách sang Zalo, tạo nút liên kết tới trang Zalo hoặc dùng plugin nút liên hệ.
Có chèn khung chat Messenger trực tiếp lên website được không?
Plugin chat nhúng của Meta được nhiều nguồn cho biết đã ngừng từ tháng 5/2024, nên khung chat Facebook nhúng trực tiếp không còn là lựa chọn. Cách đơn giản hiện nay là dùng liên kết m.me hoặc công cụ chat của bên thứ ba có hỗ trợ nhận tin Messenger.
Vì sao nên gắn nút chat vào website?
Khách thường chỉ cần một câu trả lời nhanh về giá, tồn kho hoặc lịch hẹn. Nút chat rút ngắn bước từ “đang xem” sang “đang hỏi”, với điều kiện có người trả lời đúng giờ đã ghi trên nút. Nếu không thể trực, một liên kết gọi điện hoặc biểu mẫu liên hệ sẽ tốt hơn.
Nên đặt nút chat ở trang nào?
Ưu tiên trang dịch vụ, trang sản phẩm và trang liên hệ, nơi khách có câu hỏi trước khi quyết định. Trang thanh toán nên ẩn hoặc dịch nút để không che nút đặt hàng.
Gỡ mã Messenger cũ ra sao?
Tìm trong plugin, theme hoặc công cụ chèn mã các đoạn có “customer chat”, “fb-customerchat” hoặc SDK Facebook chỉ phục vụ khung chat, sao lưu website rồi gỡ từng đoạn và kiểm tra lại trang. Chỉ gỡ SDK nếu không còn tính năng Facebook khác (like, chia sẻ, đăng nhập) dùng đến nó.
Liên kết m.me có dạng gì?
Dạng m.me/TÊN-TRANG, trong đó TÊN-TRANG là username của Fanpage. Có thể thêm tham số như text hoặc ref theo tài liệu của Meta.
Tài khoản Zalo cá nhân có dùng được widget chat không?
Theo các hướng dẫn tham khảo, widget chính thức dành cho Zalo OA. Với tài khoản cá nhân, bạn chỉ có thể dùng liên kết chuyển sang Zalo. Nên xem lại tài liệu hiện hành của Zalo.
Chèn nút chat có ảnh hưởng SEO không?
Không ảnh hưởng trực tiếp, nhưng script nặng có thể làm giảm tốc độ và trải nghiệm trang, từ đó gián tiếp ảnh hưởng. Hãy đo tốc độ trước và sau khi chèn.
Nên dùng plugin hay dán mã trực tiếp?
Dán mã chính thức cho bạn kiểm soát và ít phụ thuộc. Plugin tiện hơn nếu muốn gom nhiều kênh và không muốn đụng mã. Hãy cân nhắc khả năng cập nhật và độ uy tín của plugin.
Có thể ẩn nút chat ở một số trang không?
Có, nhiều plugin cho phép chọn trang hiển thị hoặc ẩn. Với mã dán tay, cần điều kiện theo trang trong theme hoặc dùng công cụ quản lý mã như Google Tag Manager.
Nút chat không hiện trên điện thoại là do đâu?
Có thể do cài đặt chỉ hiển thị trên máy tính, lỗi cache, xung đột CSS với theme hoặc trình duyệt chặn script. Kiểm tra cài đặt thiết bị hiển thị, xóa cache và thử trình duyệt khác.
Kết luận và bước tiếp theo
Cách ổn định nhất hiện nay: Zalo dùng widget chính thức nếu có OA, Messenger dùng liên kết m.me, và gom nhiều kênh bằng một plugin đáng tin cậy nếu cần. Sau khi chèn, hãy kiểm tra trên cả máy tính lẫn di động, đo lượt bấm và bảo đảm luôn có người trả lời. Một nút chat đúng chỗ, phản hồi nhanh thường giá trị hơn nhiều nút chồng chéo.
Vidco Group có thể hỗ trợ: nếu bạn muốn một website bán hàng hoặc dịch vụ tích hợp sẵn kênh chat, theo dõi chuyển đổi và tốc độ tốt, hãy xem dịch vụ thiết kế website và dịch vụ marketing online của chúng tôi.
Nguồn tham khảo
- Zalo for Developers: Zalo Chat Widget
- Meta for Developers: Messenger Platform, m.me links
- Google Search Central: Tạo nội dung hữu ích
- Kho plugin chính thức của WordPress
Cập nhật: tháng 10/2026
