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

Thêm Fanpage Facebook chat cho Website
4.9 (98.33%) 12 votes
Thêm Fanpage Facebook chat cho Website

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

 

Thêm Fanpage Facebook chat cho Website
Các bước cài đặt :

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

Thêm Fanpage Facebook chat cho Website

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

Bài liên quan

Bình luận bài viết

Bạn có thể dùng các thẻ HTML này:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

X

Tạo live chat facebook cho website

Bạn cần tư vấn ?