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

Đăng ngày: 28/03/2018 bởi admin | Tổng 53 Lượt Xem

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

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

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

Như các bạn đã biết, hiện tại có rất nhiều Plugin hỗ trợ thêm chức năng chat Facebook vào website WordPress của chúng ta. Nhưng tất cả các Plugin đó 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. Như bên dưới là mẫu chat Facebook mình đang sử dụng cho Blog Lại Văn Đức trước đó.

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

Cấu hình chat Facebook trực tiếp 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. Các bạn có thể demo tại đây:

Demo: https://vtcpay.vn/

Tham khảo: https://developers.facebook.com/docs/messenger-platform/discovery/customer-chat-plugin

Các bạn cũng 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.

Mình đã tắt chức năng trên Blog của mình vì các bạn test nhiều quá.

Tiến hành 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

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

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

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

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

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

Sau khi hoàn thiện thì các bạn có thể chat trực tiếp trên Blog, website của mình.

Demo: https://vtcpay.vn/

Lưu ý tiếp: Nếu bạn đang sử dụng Plugin chat Facebook nào đó thì hãy xóa nó đi thì ứng dụng này mới hiển thị.

Thế Thôi

Bài viết này 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.


Leech đi đâu nhớ ghi nguồn tại Phước IT Blog - PhuocIT.Vn nhé!
Cái gì cũng có cái giá của nó. Tôn trọng người khác , người khác sẽ tôn trọng lại bạn!

Bình Luận Bài Viết

Cùng Chuyên Mục

Chuyên Mục Về ADMIN

PhuocIT

Để thành công
Trước tiên ta phải tin là ta có thể
" Kinh doanh? Rất đơn giản; đó là tiền của người khác! "

Chuyên Mục

Facebook Page

Kênh Youtube Của Blog

Các Bạn Hãy Bỏ Ra 1s Theo Dõi Kênh Youtube Của Blog Nhé !!

Quảng Cáo - Ads

PhuocIT.Com
© 2017 By PhuocIT.Com - Blog Cá Nhân Chia Sẻ Kiến Thức Về Công Nghệ Thông Tin Author : PhuocIT