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

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

Giới thiệu: Code Tạo hộp chatbox hỗ trợ online cho fanpage facebook. Tích hợp hộp chatbox gửi tin nhắn tới fanpage vào website blog của bạ...
21 tháng 12 Bình luận

Giới thiệu:

Code Tạo hộp chatbox hỗ trợ online cho fanpage facebook. Tích hợp hộp chatbox gửi tin nhắn tới fanpage vào website blog của bạn. Giúp khác khi truy cập website/ blog có thể liên hệ trực tiếp với fanpage.

Demo :

Xem demo Messenger Chatbox
Code Tạo hộp chatbox hỗ trợ online cho fanpage facebook

<!-- $CHAT -->
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"/>
<script language='javascript'>
    var f_chat_vs = "Version 2.3";
    var f_chat_domain =  "http:\/\/startuanit.net";    
    var f_chat_name = "Hỗ trợ trực tuyến";
    var f_chat_star_1 = "Chào bạn!";
    var f_chat_star_2 = "Bạn cần hỗ trợ gì ?";
    var f_chat_star_3 = "<a href='javascript:;' id='f_bt_start_chat' onclick='f_bt_start_chat()'>Bắt đầu Chat</a>";
    var f_chat_star_4 = "Chú ý: Bạn phải đăng nhập <a href='http://facebook.com/' rel='nofollow' target='_blank'>Facebook</a> mới có thể trò chuyện.";
    var f_chat_fanpage = "Admin.StarTuan"; /* Đây là địa chỉ Fanpage*/
    var f_chat_background_title = "#1092da"; /* Lấy mã màu tại đây http://megapixelated.com/tags/ref_colorpicker.asp */
    var f_chat_color_title = "#fff";
    var f_chat_cr_vs = 21; /* Version ID */
    var f_chat_vitri_manhinh = "right:10px;"; /* Right: 10px; hoặc left: 10px; hoặc căn giữa left:45% */    
</script>
<!-- $Chat Javascript (không được xóa) -->
<script src='https://rawgit.com/tuan2308/js/master/chatbox-v2.3.js'/>
<!-- $Chat HTML (không được xóa) -->
<div id='fb-root'></div>
<a class='chat_f_vt' id='chat_f_b_smal' onclick='chat_f_show()' title='Mở hộp Chat'><i class='fa fa-comments title-f-chat-icon'></i> Chat</a><div class='chat_f_vt' id='b-c-facebook'><div class='chat-f-b' id='chat-f-b' onclick='b_f_chat()'><i class='fa fa-comments title-f-chat-icon'></i><label id='f_chat_name'></label><span id='fb_alert_num'>1</span><div id='t_f_chat'><a class='chat-left-5' href='javascript:;' id='chat_f_close' onclick='chat_f_close()'>x</a></div></div><div class='f-chat-conent' id='f-chat-conent'><script>document.write("<div class='fb-page' data-adapt-container-width='true' data-height='310' data-hide-cover='true' data-href='https://www.facebook.com/"+f_chat_fanpage+"' data-show-facepile='false' data-show-posts='true' data-small-header='true' data-tabs='messages' data-width='250'></div>");</script><div id='fb_chat_start'><div class='msg_b fb_hide' id='f_enter_1'></div><div class='msg_b fb_hide' id='f_enter_2'></div><br/><p align='center' class='fb_hide' id='f_enter_3'><a href='javascript:;' id='f_bt_start_chat' onclick='f_bt_start_chat()'>Bắt đầu Chat</a></p><br/><p align='center' class='fb_hide' id='f_enter_4'></p></div><div class='chat-single' id='f_chat_source'></div></div></div>
<!-- #CHAT -->

Hướng dẫn thêm vào blog:

  1. Copy toàn bộ code trên
  2. Vào chỉnh sửa mẫu chèn toàn bộ code trên thẻ </body>
  3. Thay Admin.StarTuan thành địa chỉ fanpage của bạn 
  4. ( Ở đây địa chỉ fanpage mình là https://www.facebook.com/Admin.StarTuan )
  5. Lưu mẫu và xem kết quả

Tùy Chỉnh:

  • #1092da mã màu bạn muốn có thể lấy mã màu tại đây
  • right:10px nếu muốn đặt chatbox bên phải thì thay thành left:10px hoặc căn giữa left:45%
  • Thay các dòng bôi màu tím trên theo nội dung bạn muốn.
  • Đoạn màu xanh ở trên là code jquery còn màu cam là code font awesome
    Nếu blog bạn đã chèn rồi thì xóa đi cũng đc nhé.
  • Các bạn có thể tải file javascript tại đây tại đây sau đó upload lên host riêng.