Hướng dẫn cài đặt Customer Chat Facebook (Livechat Facebook)

Chức năng trò chuyện với khách hàng (Customer Chat) vừa được Facebook phát hành. Giúp cho chủ web/blog giải quyết được vấn đề trò chuyện với khách hàng dễ dàng nhất. Với việc cài đặt Customer Chat Facebook 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.

Cài đặt Customer Chat Facebook

Thêm Facebook Live Chat vào website

Bước 1: Truy cập Fanpage của bạn → Settings (Cài đặt) → Messenger Platform (Nền tảng Messenger). Trong phần Whitelisted Domains, nhập tên miền của website bạn. Sau đó click Save để hoàn thiện

Cài đặt Customer Chat Facebook vào website

Bước 2: Copy và paste đoạn code dưới đây trước thẻ </body> của website của bạn

<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/en_US/sdk.js";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-customerchat" page_id="PAGE_ID"></div>

Trong đoạn mã 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.

Có thể bạn quan tâm:

Thêm Facebook Customer Chat (Live Chat) cho WordPress

Bạn đang sử dụng web trên nền tảng WordPress cho website của mình. Bạn có thể thêm đoạn code trên vào file footer.php. Để thực hiện được bạn đi đến Appearance → Editor và chọn file footer.php, sau đó dán đoạn code trên vào trước thẻ .

Thêm Facebook Chat cho website WordPress

Hãy chú ý thao tác thêm đoạn mã chat sẽ chỉnh sửa theme của bạn. Do đó, bạn sẽ mất đi những thay đổi khi theme cập nhật.

Ngoài ra bạn có thể dùng plugin miễn phí chèn Headers và Footers. Để cài đặt plugin hãy truy cập vào Plugins Add New và tìm kiếm “insert headers and footer”, sau đó click vào nút Install và kích hoạt. Thêm mã chát vào phần Settings Insert Headers and Footers và paste đoạn code trên vào phần footer.

Cài đặt Customer Chat Facebook bằng plugin insert header footer

Bạn đã cài đặt xong Facebook chat online rồi đó, đơn giản phải không nào. Với những gì đã hướng dẫn ở trên, chúng tôi hy vọng bạn có thể bắt đầu sử dụng nó ngay để trò chuyện hỗ trợ khách hàng.

Vậy là bạn đã xong các bước cài đặt Customer Chat facebook rồi đó. Giờ bạn hoàn toàn có thể trao đổi với khách hàng thông qua ứng dụng chat tuyệt vời này rồi.

Xin cảm ơn các Anh/Chị đã tham khảo bài viết Cài đặt Customer Chat Facebook của Webaoe. Nếu có chỗ nào còn thiếu sót, xin các Anh/Chị góp ý ở phía dưới để hoàn thiện bài viết hơn.

Leave a Comment

DMCA.com Protection Status