Gọi nó là 'Live Chat' kể cũng không thật sự chuẩn xác, nhưng xét về bản chất thì tương tự. Bạn đã từng dùng qua Zopim Cha" />
RaoVat24h
Kinh doanh Quản trị Marketing

Hướng dẫn tích hợp Chat Facebook vào blog, web đơn giản

Advertisement
Gọi nó là ‘Live Chat’ kể cũng không thật sự chuẩn xác, nhưng xét về bản chất thì tương tự. Bạn đã từng dùng qua Zopim Chat, vChat, Subiz chat…nhưng tất cả đều bắt phải trả phí mới có thể chat với nhiều người và sử dụng thêm nhiều tiện ích và bạn không thích điều đó. 
Vậy thì giải pháp dùng Chat Facebook hoàn toàn miễn phí là lựa chọn hoàn hảo. 
Ưu điểm 
  • Có thể chat với rất nhiều người cùng 1 lúc. 
  • Có thể biết tên khách hàng, xem thông tin về khách hàng qua facebook của họ. 
  • Khách hàng không phải khai báo thông tin hay đăng ký tài khoản để chat trên web của bạn. 
  • Lưu trữ tin nhắn của khách hàng không giới hạn, có thể tìm lại tin nhắn bất cứ khi nào cần. 
  • Có thể support khách hàng mọi lúc mọi nơi chỉ với 1 chiếc smartphone có cài đặt trình quản lý Fanpage Facebook là có thể chat như khi online facebook chat với bạn bè. 
  • LiveChat Facebook cho website hiển thị tốt trên Mobile, iPad và PC. 

Nhược điểm 
  • Khách hàng của bạn phải có tài khoản Facebook và phải đăng nhập Facebook để có thể chat. 
  • Bạn không biết được khách hàng đang xem sản phẩm gì, đã xem những sản phẩm nào như trình chat Zopim. 

Tích hợp 

Đối với WordPress 
Bạn sử dụng phần mềm FTP tìm sửa file footer.php trong đường dẫn /public_html/wp-content/themes/theme-cua-ban/footer.php hoặc chỉnh sửa trực tiếp trong trang quản trị WordPress bằng cách vào Appearance (Giao diện) -> Editor (Sửa) rồi tìm file footer.php. Sau khi mở được file footer.php lên bạn chỉ cần chèn code dưới vào trước thẻ đóng . 
Đối với Blogspot 
Bạn chỉ cần vào Bố cục -> Thêm tiện ích -> HTML/Javascrip. Rồi copy và paste đoạn code dưới vào.

<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: 295px; overflow: hidden; display: none; background-color: #fff;} #cfacebook .fchat .chat-single{float: left; line-height: 25px; line-height: 25px; color: #333; width: 100%;} #cfacebook .fchat .chat-single a{float: right; text-decoration: none; margin-right: 10px; color: #888; font-size: 12px;} #cfacebook .fchat .chat-single a:hover{color: #222;} #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: #0065BF; border: 0; border-bottom: 1px solid #0065BF; z-index: 9999999; margin-right: 12px; font-size: 18px;} #cfacebook a.chat_fb:hover{color: yellow; text-decoration: none;} </style> <script> function fchat() { var tchat= document.getElementById(“tchat”).value; if(tchat==0 || tchat==’0′) { document.getElementById(“fchat”).style.display = “block”; document.getElementById(“tchat”).value=1;} else{ document.getElementById(“fchat”).style.display = “none”; document.getElementById(“tchat”).value=0; }} setTimeout(function() {document.getElementById(“fchat”).style.display = “block”;}, 6000); </script> <div id=”cfacebook”> <a href=”javascript:;” class=”chat_fb” onclick=”javascript:fchat();”><i class=”fa fa-comments”></i> Hỗ trợ trực tuyến</a> <div id=”fchat” class=”fchat”> <div class=”fb-page” data-tabs=”messages” data-href=”https://www.facebook.com/blogcongdongcom” 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 class=”chat-single”><a target=”_blank” href=”https://www.facebook.com/blogcongdongcom“><i class=”fa fa-facebook-square”></i> Fanpage AAA</a></div></div> <input type=”hidden” id=”tchat” value=”0″/></div>

Bạn thay “https://www.facebook.com/blogcongdongcom” bằng link fanpage của bạn.

Rate this post

DienDan.Edu.Vn

DienDan.Edu.Vn Cám ơn bạn đã quan tâm và rất vui vì bài viết đã đem lại thông tin hữu ích cho bạn.
DienDan.Edu.Vn! là một website với tiêu chí chia sẻ thông tin,... Bạn có thể nhận xét, bổ sung hay yêu cầu hướng dẫn liên quan đến bài viết. Vậy nên đề nghị các bạn cũng không quảng cáo trong comment này ngoại trừ trong chính phần tên của bạn.
Cám ơn.

Đăng bình luận

(+84) (918) 369.468