Cách thêm nút Messenger vào website sau khi Chat Plugin bị khai tử

Facebook là mạng xã hội quốc dân của Việt Nam, hầu như ai cũng có tài khoản Facebook, kể cả các phụ huynh bây giờ cũng tập sử dụng rồi. Vì thế, nếu bạn đang kinh doanh trên website thì có một lối tắt để khách nhắn tin vào Messenger của trang sẽ giúp bạn dễ dàng tư vấn cho khách hàng hơn. Bạn có thể trả lời sau nếu không online kịp thời, và mọi cuộc trò chuyện đều nằm chung một hộp thư với tin nhắn từ fanpage. Bài viết này Hiếu sẽ hướng dẫn bạn cách gắn nút Messenger lên website theo cách còn dùng được hiện nay.

Cập nhật (10/2026): Meta đã ngừng hỗ trợ Facebook Chat Plugin (khung chat Messenger nhúng trực tiếp trên website) từ ngày 09/05/2024. Mục “Thêm Messenger vào trang web” trong cài đặt fanpage không còn nữa, và đoạn mã Chat Plugin cũ nếu vẫn còn trên website sẽ không hiển thị khung chat. Vì vậy Hiếu đã bỏ phần hướng dẫn lấy mã cũ và thay bằng cách gắn nút dẫn tới link m.me, cách mà Meta vẫn duy trì cho đến nay.

Nếu website của bạn đang còn đoạn mã Chat Plugin cũ (thường bắt đầu bằng <div id="fb-root"> và có fb-customerchat), bạn nên gỡ nó ra trước. Mã đó không còn tác dụng mà vẫn tải thêm script của Facebook, chỉ làm web chậm đi thôi.

Ưu điểm và nhược điểm khi dùng Messenger để tư vấn

Khi không còn khung chat nhúng, khách sẽ được chuyển sang Messenger để nhắn tin với trang của bạn. Phần lớn lợi ích nằm ở hộp thư của fanpage nên vẫn còn giá trị.

Ưu điểm:

• Giữ liên lạc với khách hàng: nếu bạn không trả lời kịp ngay lúc khách hàng đang nhắn tin thì bạn vẫn có thể trả lời sau khi vào quản lý tin nhắn trên trang của bạn, nhiều ứng dụng livechat khác thì khách rời trang là mất liên lạc.
• Tự chuyển qua ứng dụng trên điện thoại: giới trẻ đa số đều có cài ứng dụng Messenger trên điện thoại, khi họ nhấp vào nút Messenger trên website thì sẽ được mở thẳng ứng dụng Messenger để chat mượt hơn.
• Kết hợp Chatbot: chatbot sẽ giúp bạn tạo menu trong cửa sổ chat, trả lời tự động. Ngoài ra nó còn có thể kết nối API với hệ thống kho bãi, ngân hàng, vận chuyển để tự động thông báo cho khách hàng về tình trạng thanh toán và đơn hàng (cái này nó ở cái tầm gì đó mình chưa khám phá tới, nhưng đã có nhiều đơn vị làm được rồi).
• Tạo phễu remarketing: những khách hàng đã từng nhắn tin cho trang có thể trở thành một tệp khách hàng tiềm năng để bạn remarketing cho các chương trình sau.
• Tạo cuộc hẹn: đối với dịch vụ thì việc sắp lịch hẹn với khách hàng thường xảy ra. Bạn có thể tạo lịch hẹn trên Messenger để thể hiện tính chuyên nghiệp, đồng thời khách hàng cũng được nhắc nhở khi cuộc hẹn sắp bắt đầu.
• Bán hàng trực tiếp: khi kết hợp API, chatbot và nhân viên tư vấn trực tuyến thì việc chốt đơn ngay trên Messenger là điều bình thường.
• Quản lý khách hàng theo nhãn: bạn có thể gắn nhãn cho khách hàng để dễ chăm sóc, ví dụ như: Chờ thanh toán, Đã mua, Sản phẩm A, Sản phẩm B…
• Ghi chú thông tin quan trọng: Messenger của fanpage cho phép bạn thêm ghi chú vào thông tin của khách hàng, khá tiện lợi để ghi nhớ các vấn đề của khách hàng.
• Chia khách hàng cho các nhân viên tư vấn: không thua kém gì các livechat khác, nếu bạn có nhiều thành viên chăm sóc khách hàng cho trang thì bạn có thể phân chia khách hàng cho các thành viên trên trang để tư vấn.
• Tạo tin nhắn mẫu để dùng lại: bạn được lưu các tin nhắn mẫu để lần sau trả lời nhanh hơn.
• Gửi đa phương tiện: bạn có thể gửi các file tài liệu, hình ảnh, video, âm thanh… cho khách hàng.

Nhược điểm:

• Khách phải rời khỏi website để sang Messenger, không còn được chat ngay trên trang như khung chat nhúng ngày xưa.
• Khách cần có tài khoản Facebook hoặc Messenger mới nhắn tin được. Ai không dùng Facebook thì bạn nên có thêm kênh khác như Zalo, số điện thoại hoặc form liên hệ.
• Không thu thập email và số điện thoại như các livechat khác.

Cách tạo link m.me cho fanpage

m.me là đường dẫn rút gọn chính thức của Meta, ai nhấp vào sẽ được mở cuộc trò chuyện Messenger với trang của bạn. Bạn không cần lấy mã hay khai báo tên miền gì cả, chỉ cần biết tên người dùng (username) của fanpage là được.

Bước 1: Tìm tên người dùng của fanpage. Bạn mở trang của mình trên trình duyệt, phần nằm sau facebook.com/ trên thanh địa chỉ chính là tên người dùng, ví dụ facebook.com/tiemcaphe thì tên người dùng là tiemcaphe.

Bước 2: Ghép thành link m.me. Bạn thêm tên người dùng vào sau https://m.me/, ví dụ https://m.me/tiemcaphe. Nếu muốn biết khách nhắn tới từ website hay từ chỗ khác, bạn có thể thêm tham số ref như https://m.me/tiemcaphe?ref=website.

Bước 3: Kiểm tra link. Bạn mở thử link trên điện thoại và máy tính, nếu thấy cửa sổ nhắn tin với đúng fanpage của bạn là ổn rồi đó.

Mã nút Messenger để gắn lên website

Để thay cho khung chat cũ, cách đơn giản nhất là dùng một nút nổi ở góc phải dưới màn hình, nhấp vào là mở link m.me. Bạn sao chép đoạn mã dưới đây, nhớ sửa ten-trang-cua-ban thành tên người dùng của fanpage nhé.

<a href="https://m.me/ten-trang-cua-ban?ref=website" class="lg-messenger-btn" target="_blank" rel="noopener" aria-label="Nhắn tin qua Messenger">Nhắn tin Messenger</a>
<style>
.lg-messenger-btn {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;
  padding: 12px 18px;
  border-radius: 24px;
  background: #0866ff;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
</style>Copy

• Màu nút: bạn có thể đổi #0866ff thành màu chủ đạo của website (ví dụ như màu của logo) để nút đồng bộ hơn. Lưu ý nếu màu nền website trùng với màu nút thì nút sẽ bị chìm, hãy chọn màu tương phản trong trường hợp này.
• Vị trí: bạn nên để bên phải vì đa số người dùng thuận tay phải, họ sẽ dễ nhấp vào hơn. Nếu bên phải đã có nút Zalo hay nút gọi điện thì đổi bottom lên cao hơn để các nút không chồng lên nhau.

Gắn nút Messenger vào website WordPress

Bạn không nên chèn mã thẳng vào giao diện website WordPress vì nó có thể mất khi bạn cập nhật giao diện. Bạn hãy cài đặt plugin Insert Headers and Footers để chèn bất cứ mã nào nhé. Plugin này hiện đã đổi tên thành WPCode (10/2026), nhưng vẫn là plugin đó.

Bạn vào Code Snippets > Header & Footer (ở bản cũ là Cài đặt > Insert Headers and Footers), sau đó dán mã nút Messenger vào phần Body rồi nhấp nút Lưu là xong.

Lưu ý: nếu sau khi gắn mã mà bạn không thấy nút Messenger hiện ra thì hãy xoá bộ nhớ Cache đi nhé.

Gắn nút Messenger vào website LadiPage

LadiPage mạnh nhất là tính năng điền form, tuy nhiên nếu cho rằng khách hàng cần tư vấn qua kênh chat thì cứ thêm nút Messenger vào LadiPage thôi.

Trong trình chỉnh sửa LadiPage bạn nhấp vào Thiết lập và chọn Mã Javascript/CSS, sau đó bạn dán mã nút Messenger vào ô Trước thẻ body rồi Xuất bản. Ngoài ra bạn cũng có thể tự tạo một nút trong LadiPage rồi đặt liên kết của nút là link m.me ở trên.

Gắn nút Messenger vào website Haravan

Nếu bạn sử dụng trọn bộ Haravan cùng Harafunel thì bạn nên hỏi đội ngũ hỗ trợ của họ về cách kết nối Messenger với hệ thống bán hàng, vì phần này cần cấu hình API riêng. Còn nếu bạn chỉ cần một nút Messenger đơn giản trên website thì hãy làm như mình.

Bước 1: Bạn vào phần Website trên menu bên trái của Haravan và chọn Giao diện, bên phải nhấp vào nút ba chấm và chọn Chỉnh sửa code.

Bước 2: Bạn chọn theme.liquid để chỉnh sửa. Bạn tìm đến đoạn </body> và dán mã nút Messenger phía trên nó rồi nhấp nút Lưu.

Muốn có khung chat ngay trên website thì sao?

Nếu bạn vẫn muốn khách chat ngay trên website mà không phải rời trang, bạn cần dùng một công cụ livechat của bên thứ ba. Nhiều công cụ livechat hiện nay cho phép kết nối với fanpage, gom tin nhắn từ website và Messenger về chung một hộp thư. Mỗi công cụ có gói miễn phí và tính năng khác nhau, bạn nên dùng thử bản miễn phí trước rồi mới quyết định trả phí, vì có công cụ cũng tải khá nặng.

Lời kết

Khung chat Messenger nhúng trên website đã không còn, nhưng một nút m.me đặt đúng chỗ vẫn giúp khách liên hệ với bạn chỉ sau một lần nhấp. Cách này cũng nhẹ hơn hẳn mã Chat Plugin ngày xưa vì không phải tải thêm script nào của Facebook. Các nền tảng website khác bạn cũng có thể làm theo tương tự, chỉ cần chèn mã đúng vị trí là được. Còn nếu bạn thích dùng Zalo hơn thì xem bài viết cách nhúng Zalo vào website nha.

Nếu có thắc mắc gì bạn cứ thoải mái để lại bình luận bên dưới, mình sẽ hỗ trợ cho bạn nhé. Chúc bạn gắn nút Messenger lên website thành công!