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

Thảo luận trong 'Facebook' bắt đầu bởi xman, 5/11/15.

  1. xman

    xman Administrator Thành viên BQT

    Tham gia ngày:
    6/7/15
    Bài viết:
    44
    Đã được thích:
    2
    Điểm thành tích:
    8
    Bạn có thể chỉnh sửa tùy theo mục đích sử dụng:

    Mã nguồn

    HTML:
      <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>
    
    DEMO: http://chotheme.com

    facebook-chat.png

    Lưu ý: Thay địa chỉ url fanpage tương ứng trong code bên trên. (https://www.facebook.com/FromIdeaToCode)
     
  2. minhcanvao

    minhcanvao New Member

    Tham gia ngày:
    13/11/15
    Bài viết:
    2
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nam
    mình mới làm quen về wordpress và không biết gì về code cả, bạn có thể hướng dẫn cụ thể hơn cho mình được không, Thank bạn nhiều
     
  3. xman

    xman Administrator Thành viên BQT

    Tham gia ngày:
    6/7/15
    Bài viết:
    44
    Đã được thích:
    2
    Điểm thành tích:
    8
    Bạn có thể mở file footer.php của theme đang dùng và chèn vào cuối file này trên dòng
    Mã:
    </body></html>
     
    minhcanvao thích bài này.
  4. minhcanvao

    minhcanvao New Member

    Tham gia ngày:
    13/11/15
    Bài viết:
    2
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nam
    hj..... mình đã làm được rồi, Chatbox này rất hay, thank bạn nhiều!
    P/S: chatbox này hình như chỉ hỗ chợ cho fanpage thì phải, mình hướng đến nick facebook cụ thể hình như không được, có cách nào chuyển tin nhắn qua nick facebook được không bạn nhỉ, vì nick facebook có phần mềm chat messenger nên hỗ trợ chát trên điện thoại tiện hơn, và nhanh chóng hơn
     
  5. xman

    xman Administrator Thành viên BQT

    Tham gia ngày:
    6/7/15
    Bài viết:
    44
    Đã được thích:
    2
    Điểm thành tích:
    8
    Không hỗ trợ cho profile bạn ạh :D
     
  6. Duy

    Duy New Member

    Tham gia ngày:
    25/1/16
    Bài viết:
    1
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nam
    Hi anh, cảm ơn anh đã share, code này rất hữu ích. Tuy nhiên em muốn thêm nút like, share và việt hóa hộp chát thì anh có thể code thêm giúp được không a? Giống trang cá voi.vn ạ. Cảm ơn anh. ^^
    121212.png
     
  7. xman

    xman Administrator Thành viên BQT

    Tham gia ngày:
    6/7/15
    Bài viết:
    44
    Đã được thích:
    2
    Điểm thành tích:
    8
    Bạn chỉ cần sửa đoạn này thôi nhé:

    HTML:
    <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>
    
    <div style="position:fixed; z-index:9999999; right:10px; bottom:10px;" class="fb-page" data-tabs="messages" data-href="https://www.facebook.com/FromIdeaToCode" 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>
     

Chia sẻ trang này