Cài đặt Live chat Facebook trực tiếp trên website

Cấu hình chat Facebook trực tiếp trên website mà không cần phải thông qua ứng dụng Messenger. Đây là một trong những tính năng rất nhiều người đang tìm kiếm. Trong bài viết này chúng ta sẽ cùng khám phá chức năng mới mẻ này của Facebook.

Cấu hình chat Facebook trực tiếp trên website

Như các bạn đã biết, trước kia chúng ta có nhiều cách thể nhúng tính năng chat facebook mess vào website tuy nhiên tính năng đó chỉ giúp người dùng gửi tin nhắn đầu tiên. Nếu người dùng muốn tiếp tục nhận hoặc gửi tin nhắn thì bắt buộc phải đăng nhập vào tài khoản Facebook trên máy tính hoặc di động, sau đó cuộc chat mới có thể tiếp tục. Điều này khá bất tiện. 

Tuy nhên, facebook gần đây đã update 1 tính năng mới rất tuyệt vời giúp bạn có thể tạo khung live chat miễn phí trực tiếp trên website, khách hàng có thể trò chuyện trực tiếp với người quản trị fanpage ngay trên website

Customer Chat Facebook cho Website

Customer Chat Facebook là một ứng dụng mới được Facebook phát triển. Tuy chỉ mới là phiên bản Beta nhưng bản thân mình nhận thấy chức năng này rất tuyệt vời và các bạn có thể xem demo ngay trên Blog Mr.Content.

Tham khảo cách làm từ facebook: https://developers.facebook.com/docs/messenger-platform/discovery/customer-chat-plugin

Lưu ý: Do mới chỉ là bản Beta nên có thể chức năng này sẽ chưa ổn định.

Hướng dẫn cấu hình chat Facebook trực tiếp trên website
Bạn cần có:
- Fanpage Facebook
- App Facebook
- Website để cấu hình
Bước 1: Truy cập vào Fanpage của bạn > Cài đặt > Nền tảng Messenger > Thêm tên miền website của bạn vào phần Whitelisted Domains

Bước 2: Copy đoạn code bên dưới và dán vào trước thẻ </body> trên website của bạn. Nếu bạn dùng nền tảng WordPress thì mở file footer.php ra và kéo xuống dưới cùng là thấy.

<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)[0];
     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>

Lưu ý: 

your-app-id là ID App Facebook của bạn. 

PAGE_ID là ID Fanpage của bạn (dán link Fanpage của bạn vào đây là thấy)

Clip hướng dẫn thêm live chat Facebook mới trực tiếp vào website:

Mình vừa giới thiệu đến các bạn một công cụ rất hay của Facebook mới ra mắt. Các bạn có thể áp dụng cho các website của mình một cách dễ dàng. Chúc các bạn thành công với bài viết cấu hình chat Facebook trực tiếp trên website.