vnfaster@gmail.com

Thêm Fanpage Facebook chat cho Website

Mới đây Facebook đã thêm chức năng Live Chat Fanpage cho phép tích hợp vào Website điều này tạo nên giải pháp kinh doanh tuyệt vời giữa Website và Fanpage Bán hàng

4.9 (98.33%) 12 votes

Chào các bạn,
Mới đây Facebook đã thêm chức năng Live Chat Fanpage cho phép tích hợp vào Website điều này tạo nên giải pháp kinh doanh tuyệt vời giữa Website và Fanpage Bán hàng, làm tăng độ tương tác giữa người dùng Facebook và Website của bạn.

Update :

Mới đây Vnkings đã tạo công cụ Tạo live chat facebook cho website 2017 – Tự động tạo Code

Các bạn vào : https://wordpress.vnkings.com/tao-live-chat-facebook-cho-website-2017-tu-dong-tao-code.html Để tự tạo và copy mã nhé

Ngoài ra bạn cũng có thể dùng cách bên dưới.

– Một Số Ưu Điểm : Thêm Fanpage Facebook chat cho website

Khi xem sản phẩm hay trang web và khách muốn liên hệ với bạn qua Fanpage Facebook. họ sẽ không cần phải vào Facebook mà có thể gửi tin nhắn nhanh vào hộp tin nhắn tại Website
Tăng khả năng tương tác giữa Website và Fanpage của Website trên Facebook
Nhúng code nhanh gọn không quá phức tạp

Các bước cài đặt :

– Nếu Bạn là một Web Development (Nhà phát triển Web):

Bạn cần vào https://developers.facebook.com/apps để tạo ứng dụng Web mới và lấy ID cho ứng dụng Chat của mình

Sau đó bạn thay ID vừa tạo được vào đoạn code này và chèn vào trong thẻ của <body>

<div id="fb-root"></div>
<script type="text/javascript">// <![CDATA[
(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 = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=Thay_ID_Cua_Ban&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
// ]]></script>

<div style="position:fixed; z-index:9999999; right:10px; bottom:10px;" class="fb-page" data-tabs="messages" 
data-href="https://www.facebook.com/vnkingscom" data-width="250" data-height="300" data-small-header="false" 
data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div>

Các bạn cần thay ID App Facebook vào phần Thay_ID_Cua_Ban của đoạn code trên, ngoài ra các bạn cần thay cả Fanpage https://www.facebook.com/vnkingscom thành link Fanpage của mình
Trong đó data-width=”250″ data-height=”300″ chính là chiều rộng và chiều cao của khung chat bạn hoàn toàn có thể thay cho phù hợp với Website của mình

– Nếu Bạn là quản trị viên (không chuyên về code):

bạn có thể copy nguyên đoạn này vào cặp thẻ body của mình và chỉ cần thay link Fanpage sang Fanpage của bạn

<div id="fb-root"></div>
<script type="text/javascript">// <![CDATA[
(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 = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&appId=1375331902774196&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
// ]]></script>

<div style="position:fixed; z-index:9999999; right:10px; bottom:10px;" class="fb-page" data-tabs="messages" 
data-href="https://www.facebook.com/vnkingscom" data-width="250" data-height="300" data-small-header="false" 
data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div>

Trong quá trình làm nếu bạn không làm được, bạn có thể yêu cầu trợ giúp từ khung bình luận bên dưới
Chúc các bạn thành công!