Tích hợp live chat facebook vào website

Tích hợp live chat facebook vào website
5 (100%) 5 votes

Tích hợp live chat facebook vào website

  • Những Website bán hàng có lượng truy cập thấp. Vì là phần gửi tin nhắn này không phải điểm mạnh của facebook bởi vậy không có nhiều tính năng về phân tích khách hàng.
  • Blog cá nhân, nó rất phù hợp bởi bạn có thể lắng nghe và phản hồi cho đọc giả tốt hơn. Live chat thì lại hơi thừa thãi.
  • Website dạng cộng đồng như diễn đàn, câu hỏi về live chat không nhiều. Các bạn nên dùng nó để lắng nghe phản hồi của người dùng rất tiện lợi.

Nhược điểm:

  • Người dùng phải có tài khoản facebook mới có thể gửi tin nhắn
  • Người gửi có thể gửi tin nhắn đi nhưng sẽ không nhận được tin nhắn trả lời ngay trên cửa sổ chat của web.

Ưu điểm

  • Hoàn toàn miễn phí
  • Khả năng tương tác với người dùng tốt hơn.
  • Gọn nhẹ, hoạt động đơn giản.
  • Tăng LIKE, vì nó kết nối với fanpage của bạn. Đừng quên nhắn khách hàng Like Fanpage để chăm sóc họ tốt hơn.

Tích hợp live chat facebook vào website.

Bạn copy đoạn code bên dưới và chèn vào trước thẻ </body> của Website.

<div id=”fb-root”></div>

  <script>(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&version=v2.5”;

  fjs.parentNode.insertBefore(js, fjs);

  }(document, ‘script’, ‘facebook-jssdk’));</script>

  <style>#cfacebook{position:fixed;bottom:0px;right:100px;z-index:999999999999999;width:250px;height:auto;box-shadow:6px 6px 6px 10px rgba(0,0,0,0.2);border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden;}#cfacebook .fchat{float:left;width:100%;height:270px;overflow:hidden;display:none;background-color:#fff;}#cfacebook .fchat .fb-page{margin-top:-130px;float:left;}#cfacebook a.chat_fb{float:left;padding:0 25px;width:250px;color:#fff;text-decoration:none;height:40px;line-height:40px;text-shadow:0 1px 0 rgba(0,0,0,0.1);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAqCAMAAABFoMFOAAAAWlBMV…8/UxBxQDQuFwlpqgBZBq6+P+unVY1GnDgwqbD2zGz5e1lBdwvGGPE6OgAAAABJRU5ErkJggg==);background-repeat:repeat-x;background-size:auto;background-position:0 0;background-color:#3a5795;border:0;border-bottom:1px solid #133783;z-index:9999999;margin-right:12px;font-size:18px;}#cfacebook a.chat_fb:hover{color:yellow;text-decoration:none;}</style>

  <script>

  jQuery(document).ready(function () {

  jQuery(“.chat_fb”).click(function() {

jQuery(‘.fchat’).toggle(‘slow’);

  });

  });

  </script>

  <div id=”cfacebook”>

  <a href=”javascript:;” class=”chat_fb” onclick=”return:false;”><i class=”fa fa-facebook-square”></i> Chat with us</a>

  <div class=”fchat”>

  <div class=”fb-page” data-tabs=”messages” data-href=”https://www.facebook.com/phonuikt” data-width=”250″ data-height=”400″ data-small-header=”false” data-adapt-container-width=”true” data-hide-cover=”false” data-show-facepile=”true” data-show-posts=”false”></div> 

</div> </div>

Trong đó bạn cần sửa lại:

  • Sửa https://www.facebook.com/phonuik tthành địa chỉ Fanpage của bạn.
  • Nếu bạn muốn đoạn live chat hiển thị lệch qua bên trái hay dịch sang phải thì bạn thay đổi số 100px thành con số nào bạn muốn. Tìm đọan này.

#cfacebook{position:fixed;bottom:0px;right:100px

Vậy là xong.

Chèn vào wordpress.

Truy cập Admin => Appearance ==> Editor => Tìm file footer.php

Tìm thẻ </body> và thêm đoạn code xuống dưới.

Lưu lại để hoàn tất.