Hướng dẫn cài đặt live chat Facebook cho Website bất kỳ

0
377

Hướng dẫn cài đặt live chat Facebook cho Website

Lưu ý: Hãy tắt các plugin live chat khác để tránh xung đột với code này của facebook.

Hướng dẫn cài đặt Live Chat Facebook cho website
Hướng dẫn cài đặt Live Chat Facebook cho website

Chào các bạn, Facebook là mạng xã hội chiếm thị phần người dùng rất đông đảo tại Việt Nam. Theo cập nhật gần đây thì Facebook vừa update tính năng live chat facebook cho website. Đây là tính năng cho phép website tạo một liên kết dạng nút để người dùng dễ dàng gửi tin nhắn tới Fanpage. Chúng ta không còn mất công đi khắp nơi tìm cách tích hợp live chat nữa, FB đã cung cấp miễn phí live chat của facebook cùng giao diện rất chuyên nghiệp. Bạn có thể tích hợp cho mọi website và chỉ mất vài chục phút để tạo mà thôi. Cho dù là người không có kiến thức về công nghệ hay lập trình cũng đều có thể làm.

Bên dưới góc phải của website sẽ xuất hiện một button (nút nhấn) như ảnh trên. Người dùng ấn vào là có thể chat trực tiếp với fanpage của bạn. Và tin vui là tính năng này facebook cung cấp miễn phí.

Cách chèn live chat Facebook cho Website

Yêu cầu chuẩn bị

  • Fanpage.
  •  App Facebook.
  • Website (để bạn tích hợp live chat).

Bước 1: Vào Fanpage và kích hoạt nền tảng messenger. Kèm theo thêm tên miền website của bạn vào mục Whitelisted Domain. Tham khảo ảnh bên dưới.

Thiết lập Live Chat Facebook
Thiết lập Live Chat Facebook

Bước 2: Copy đoạn code mình để bên dưới vào giữa phần thẻ <body> </body> vào của website bạn.

[wpsm_codebox style=”1″]<script>
window.fbAsyncInit = function() {
FB.init({
appId : ‘your-app-id‘,
autoLogAppEvents : true,
xfbml : true,
version : ‘v2.11’
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = “https://connect.facebook.net/vi_VN/sdk.js”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));
</script>
<div class=”fb-customerchat” page_id=”PAGE_ID“></div>[/wpsm_codebox]

2 chỗ bạn phải thay đổi trong đoạn code trên là:

  • your-app-id thành ID App Facebook của bạn.
  • PAGE_ID là ID Fanpage của bạn

Bạn có thể kiểm tra ID fanpage của bạn theo địa chỉ này.

Nếu bạn đang dùng mã nguồn WordPress thì có 2 cách để chèn: chèn trực tiếp vào footer.php hoặc chèn vào Custom code nếu theme hỗ trợ.