fbpx

Cách cài live chat facebook cho website

Thiết lập Facebook Customer Chat

Plugin trò chuyện với khách hàng (Customer Chat Facebook) mới được Facebook ra mắt ngày hôm nay. Với việc gắn Plugin này vào Landing Page của bạn, khách hàng có thể Chat trực tiếp với Fanpage của bạn thông qua tài khoản Facebook Messenger.

Với tính năng mới này  Customer Chat Facebook (Livechat Facebook) giúp việc chăm sóc khách hàng, tư vấn, bán hàng… trực tiếp ngay trên Landing Page. Mọi quản lý và chăm sóc sau này đều thông qua Facebook Messenger.

Dưới đây là 2 bước đơn giản để cài đặt Customer Chat Facebook (Livechat Facebook) cho Landing Page của bạn:

Bước 1: Truy cập Fanpage của bạn chọn mục Cài đặt -> Nền tảng Messenger. Ở phần Whitelisted Domains bạn nhập đường dẫn tên miền muốn sử dụng, chọn Save để hoàn thành.

Nếu anh/chị bấm Save nhưng lỗi, thì kiểm tra phần vai trò trong fanpage. chỉ có Quản trị viên mới có quyền thêm danh sách URL, còn Biên tập viên thì không có quyền này.

Bước 2: Trong Lading page, anh/chị vào Cài đặt (cạnh chữ Lưu) -> chọn tab Mã theo dõi sự kiện —> dán đoạn code sau vào thẻ đóng </body> của Landing Page:

<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>
  • Lưu ý:
    – your-app-id: Thay bằng ID App Facebook của bạn. Nếu chưa có hãy tạo App Facebook tại đây.
    – PAGE_ID: Thay bằng mã ID của Fanpage của bạn. (Lấy Page ID tại đây).
  • Nếu bạn sử dụng đồng thời ứng dụng Facebook Comment và facebook messages trong phần Tiện ích vui lòng chỉ sử dụng đoạn code sau cho Livechat Facebook: <div class=”fb-customerchat” page_id=”PAGE_ID”></div>

Bạn nào muốn chuyển nút chat sang bên trái thì chèn đoan code này vào CSS:
/* icon FB Mess */
#fb-root>.fb_dialog {
left: 20px !important;
bottom: 10%!important;
width: 60px!important;
height: 60px!important;
cursor: pointer;
}
/* Khung thong bao */
#fb-root>.fb-customerchat iframe {
left: 20px !important;
bottom: 20% !important;
}

Chúc mừng bạn đã cài đặt thành công và sử dụng nhiều chiến lược Marketing Đa Kênh để bán hàng thông qua Livechat Facebook Messenger trên Landing Page.

Leave A Reply

Your email address will not be published.

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. AcceptRead More