Block Facebook Customer Chat

Plugin trò chuyện với khách hàng (Customer Chat) vừa được Facebook phát hành ngày hôm qua giúp cho chủ web/blog giải quyết được vấn đề làm sao để trò chuyện với khách hàng, độc giả dễ dàng nhất. Với việc cài đặt plugin Customer Chat Facebook này lên web sẽ giúp khách hàng của bạn có thể dễ dàng trò chuyện với fanpage của bạn thông qua tài khoản Facebook Messenger.

huong dan cai customer chat facebook

Như các bạn đã biết, trước đây mình có hướng dẫn cách tích hợp chat Facebook vào web bằng cách thủ công và cả plugin rồi. Nhưng cách đó vẫn còn tồn tại khá nhiều hạn chế, còn bây giờ khi mà Facebook phát hành plugin trò chuyện với khách hàng (Customer Chat) thì nó đã khắc phục được những điểm hạn chế đó. Mặc dù mới chỉ là bản beta nhưng nó cũng vẫn rất tuyệt vời. Dưới đây mình sẽ hướng dẫn bạn cách cài Customer Chat Facebook(Livechat Facebook) lên web WordPress bạn cùng theo dõi nhé.

Hướng dẫn cài Customer Chat Facebook cho WordPress

Trước khi bắt đầu cài đặt bạn phải có những thứ sau:

  • Fanpage để tích hợp chat Facebook
  • Tạo App Facebook và lấy ID App (xem bài viết hướng dẫn tạo App Facebook để biết cách tạo App)
  • Website cần cài đặt Customer Chat Facebook (Nếu chưa có web thì hãy học làm web bằng WordPress đi là vừa)

Bạn có đủ những thứ trên rồi thì bắt đầu thôi nào

Bước 1: Truy cập fanpage của bạn -> Cài đặt -> Nền tảng Messenger -> Nhập tên miền của bạn (có chứa cả giao thức http hoặc https nhé) vào phần Whitelisted Domains. Sau đó nhớ ấn Save để lưu lại.

1

Bước 2: Copy đoạn code dưới đây và chèn vào trước thẻ </body> của web. Với WordPress thì bạn chỉ cần mở file footer.php trong thư mục theme và kéo xuống cuối là thấy thẻ </body>.

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

Trong code trên bạn nhớ thay:

  • your-app-id thay bằng ID App Facebook của bạn. Chưa có App thì tạo theo hướng dẫn này sau đó lấy ID App ở đây.
  • page-id thay bằng ID fanpage của bạn. Để lấy ID fanpage bạn vào đây rồi nhập link fanpage vào là lấy được.
   Tải file
Nukeviet Realtime_Facebook
  • Phiên bản: 1
  • Giá ứng dụng: 0
  • Tải về:

  Trao đổi thảo luận

   Đánh giá
Bạn đánh giá thế nào về file này?
Hãy click vào hình sao để đánh giá File

Blocks
Tác giả: N/A

Modules
Tác giả: mynukeviet
Module tìm kiếm và thay thế nội dung
Module cho phép quản trị khai báo từ khóa, và nội dung thay thế cho từ khóa đó, áp dụng cho toàn website (khu vực site)

Mã nguồn
Tác giả: Nukeviet
NukeViet 4.3.06
NukeViet 4.3.06 tiếp tục là bản tiếp theo của thế hệ NukeViet 4.3. Thêm chức năng gửi lại email kích hoạt tài khoản chờ duyệt, chức năng cấu hình CORS, tùy chọn...

Tiện ích khác
Tác giả: Cộng đồng Nukeviet
Các mẫu tin module Leechnews
Cập nhật các mẫu tin dùng choModule Leechnews - Lấy tin tức tự động lấy hàng ngàn tin tức 1 cách tự động.

Modules
Tác giả: anhyeuviolet
Module Leechnews - Lấy tin tức tự động
Sức mạnh của Module Leechnews - Lấy tin tức tự động lấy hàng ngàn tin tức 1 cách tự động. Lấy tin 1 hay nhiều nhóm tin cùng lúc (Tuỳ theo khả năng của hosting,...

Blocks
Tác giả: N/A