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

Code Tạo hộp chatbox hỗ trợ online cho fanpage facebook, code thêm hộp chát vào blogger, code thêm hộp chát vào website, widget thêm hộp chát vào blogspot, thêm pop out chat box cho blogger, live chat facebook mới nhất

Code Tạo hộp chatbox hỗ trợ online cho fanpage facebook, code thêm hộp chát vào blogger, code thêm hộp chát vào website, widget thêm hộp chát vào blogspot, thêm pop out chat box cho blogger, live chat facebook mới nhất

LiveChat của Facebook không thực sự chuyên nghiệp như các phần mềm Chat như Zopim, LiveChat, vChat… nhưng nó có một lợi thế giúp bạn tương tác trực tiếp được với khách hàng qua hệ thống Chat Fanpage không hỗ trợ với Group và trang cá nhân. Điểm yếu của tính năng này rất đơn giản nếu khách hàng không có tài khoản Facebook không thể chat được. Và không biết khách hàng đang xem tài liệu gì trên trang đến từ đâu, điều này cũng ảnh hưởng không nhỏ tới việc tư vấn cho khách hàng. Tuy nhiên tính năng này sẽ hữu dụng với khách hàng đa phần từ Facebook, vậy bạn là chủ Website hãy làm theo hướng dẫn của tôi để tự tích hợp LiveChat Facebook vào web của mình nhé

Bước 1: Hướng dẫn tích hợp vào website

Sử dụng mã nguồn dưới đây đưa vào file footer.php nếu bạn Sử dụng WordPress bằng cách Vào bằng phần mềm FTP hoặc qua hệ thống quản lý file của Cpanel host -> wp-content -> themes -> theme của web -> footer.php sau đó chèn đoạn mã trên vào trước thẻ đóng body và thay Anonsec bằng tên Fanpage Facebook của bạn-> Lưu lại và xem kết quả

Vào Edit HTM => Rồi Dán Phần Này Ở dưới </body>

<script language='javascript'>
    var f_chat_vs = "Version 2.1";
    var f_chat_domain =  "https://anonsecvn.blogspot.com/";    
    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 = "anonsecteamvn"; /* Đâ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://cdn.rawgit.com/anonsec-team/anonsec/fe3433b2/anonsec-chatbox.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 -->
-Anonsecteamvn : Là Địa Chỉ Fanpage Facebook

- Nếu Bị Lỗi Icon không Xuất Hiện Thì Thêm Đoạn Code Này Vào Phía Trên Phần </Head> :

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"/>

16 nhận xét

Author
avatar
Trả Lời
Author
avatar

cám ơn bác đã thành công. Mà thấy cái màu không hợp với website lắm bác xem giúp mình được không ?

Link: http://www.tuixachonline.net/

Thanks !

Trả Lời
Author
avatar
Nặc danhdelete20/6/16

hay

Trả Lời
Author
avatar
Trả Lời
Author
avatar

Heilp!!!
tìm file footer.php nằm ở đâu trong blogspot vậy ads... Mình chèn vào... mà nó nắm cố định ở cuối trang
Giúp mình với... cảm ơn ads

Trả Lời
Author
avatar

file footer.php là wordprees nhé bạn, còn blogspot thì bạn cứ chèn ở dưới thẻ

Trả Lời
Author
avatar

hay thank nhé

Template blogspot đẹp tại : http://www.softwpro.info/

Trả Lời
Author
avatar

mình xài ké uchat. đang nghiên cứu của bạn. http://huyhoangsteel.com/VN/Index.aspx

Trả Lời
Author
avatar
Nặc danhdelete10/10/16

Mọi người cho e hỏi, sau e nhấp bắt đầu thì không được, lỗi javascrip không hoạt động. Help me all. Cảm ơn mọi người rất nhiều ạ

Trả Lời
Nhận xét này đã bị tác giả xóa.
Nhận xét này đã bị tác giả xóa.
Author
avatar

Sao ko dc AD ơi

Trả Lời
Author
avatar

Đã Fix nha

Trả Lời
Author
avatar

nó nhẩy lên trên đầu trang rồi bạn ơi. fix giúp mình với

Trả Lời
Author
avatar

https://longju2.xgaming.cz/cs/?fbclid=IwAR3hyPWcUjNAS1X_ZP6hXsK9lA2FetnAI3u3LeNsgK7ZtVLQjZ5IhPV_Bck

Destroid plz thx

Trả Lời
Author
avatar

Cám ơn các bạn ghé thăm blog.
Xin góp ý dùm mình hoàn thiện hơn.Thanks!
https://tintuc-60s.blogspot.com/

Trả Lời

Chat
1