Tạo hộp chatbox cho fanpage facebook

Tạo hộp chatbox hỗ trợ online cho fanpage Facebook

Nhiều bạn khi truy cập blog của Tuấn sẽ thắc mắc sao Tuấn lại có hộp chatbox hay vậy, thú thật là sáng nay Tuấn lọ mọ truy cập vào site Chợ Theme của cậu em Lương Văn Đức thì mới thấy có chức năng này.

À lố ồ lá cậu ý thì 2p sau Đức gửi cho mình hướng dẫn tạo hộp chatbox cho fanpage facebook liền.

Mình hứng thú quá vọc luôn, 1 phút sau là blog của Tuấn có liền phần chat box hỗ trợ online cho fanpage facebook này. Thú vị quá. Của ngon vật lạ thì mỗi người hưởng một tí nên Tuấn copy code chatbox này về để chia sẻ với các bạn chơi chơi. Các bạn cứ tự nhiên sài nha. Cần thì để lại 1 backlink cảm ơn Đức như Tuấn đã làm nhé

Bước 1: Copy đoạn code này:

<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:8px;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> Hỗ trợ trực tuyến</a>
  <div class="fchat">
  <div class="fb-page" data-tabs="messages" data-href="https://www.facebook.com/FromIdeatoCode/" 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>

Bước 2: Mở theme của bạn ra theo cách vào Giao diện >> Sửa theme >> Chọn file Footer.php, kéo đến gần cuối cùng trước thẻ đóng Body, chèn code trên vào. Lưu lại. Xong

Vậy là bạn đã tạo hộp chatbox hỗ trợ online cho fanpage facebook của bạn rồi đấy. Lưu ý: bạn phải có fanpage nhé, chứ nếu là tài khoản cá nhân thì không được đâu nhé. Nào giờ thì mần liền tay thôi 😀

Kết quả đây:

Tạo hộp chatbox hỗ trợ online cho fanpage Facebook
Tạo hộp chatbox hỗ trợ online cho fanpage Facebook

Mẹo nhỏ: Nhân tiện tiết lộ thêm, WordPress sẽ không cho phép bạn chèn code PHP trực tiếp vào bài viết để minh hoạ như Tuấn đang làm bên trên đâu nhé. Để làm được điều này bạn cần cài plugin Crayon Syntax Highlighter và sau đó chọn nút Crayon trên menu soạn thảo, copy code vào đó là xong. Hay chưa?

 

One thought on “Tạo hộp chatbox cho fanpage facebook

  1. Pingback: Teach me now - Làm ơn, hãy dạy cho tôi

Comments are closed.

All in one