Facebook bây giờ là một mạng xã hội lớn trên thế giới. Và ở Việt Nam, người sử dụng facebook cũng rất nhiều. Và facebook cũng là 1 kênh bán hàng rất hiệu quả. Vậy bây giờ mình sẽ hướng dẫn các bạn thêm Facebook livechat cho một website hay blog.
Bước 2: Coppy đoạn code dưới cho vào thẻ <body> của website.
Bước 3: Quay trở lại website xem kết quả nữa thôi.
Bước 1: Vào Layout
Bước 2: Chọn Add a Gadget
Bước 3: Thêm HTML/JavaScript
Bước 4: Coppy code ở trên "Cài đặt Facebook livechat cho website" rồi sửa link dán vào và chọn "Save"
Bước 5: Quay trở lại Blog của chúng ta để xem kết quả.
Phương pháp này được Hisella chia sẻ. Các bạn có thể thay đổi trực tiếp thông số để tùy biến giao diện boxchat nhé.
 |
| Giao diện Facebook livechat |
Cài đặt Facebook livechat cho website.
Bước 1: Bạn truy cập vào code của website, nếu bạn không biết gì về code thì phải nhờ một ai đó biết và giúp đỡ bạn.Bước 2: Coppy đoạn code dưới cho vào thẻ <body> của website.
<style type="text/css">
.hisella-messages { position: fixed; bottom: 0; right: 0; z-index: 999999; }
.hisella-messages-outer { position: relative; }
#hisella-minimize { background: #3b5998; font-size: 14px; color: #fff; padding: 3px 10px; position: absolute; top: -34px; left: -1px; border: 1px solid #E9EAED; cursor: pointer; }
@media screen and (max-width:768px){ #hisella-facebook { opacity:0; } .hisella-messages { bottom: -300px; right: -135px; } }
</style>
<div id='fb-root'></div>
<script>
(function($) { $(document).ready(function(){ $( '#hisella-minimize' ).click( function() { if( $( '#hisella-facebook' ).css( 'opacity' ) == 0 ) { $( '#hisella-facebook' ).css( 'opacity', 1 ); $( '.hisella-messages' ).animate( { right: '0' } ).animate( { bottom: '0' } ); } else { $( '.hisella-messages' ).animate( { bottom: '-300px' } ).animate( { right: '-135px' }, 400, function(){ $( '#hisella-facebook' ).css( 'opacity', 0 ) } ); } } ) }); })(jQuery);
(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/en_US/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="hisella-messages"><div class="hisella-messages-outer"><div id="hisella-minimize">Facebook chat</div><div id="hisella-facebook" class='fb-page' data-adapt-container-width='true' data-height='300' data-hide-cover='false' data-href='https://www.facebook.com/Tèo-xike-1041457532532159' data-show-facepile='true' data-show-posts='false' data-small-header='false' data-tabs='messages' data-width='250'></div></div></div>
Chú ý: Thay https://www.facebook.com/Tèo-xike-1041457532532159 bằng link fanpage của bạn nhé.Bước 3: Quay trở lại website xem kết quả nữa thôi.
Xem thêm: Tắt tự động play video trên facebook
 |
| Cài đặt Facebook livechat cho website |
Cài đặt Facebook livechat cho Blogspot.
Các bạn có thể làm theo cách trên cũng được. Nhưng nếu bạn lười mò vào code thì thêm vào từ Layout cho nhanh.Bước 1: Vào Layout
Bước 2: Chọn Add a Gadget
Bước 3: Thêm HTML/JavaScript
 |
| Cài đặt Facebook livechat cho blogspot |
Bước 4: Coppy code ở trên "Cài đặt Facebook livechat cho website" rồi sửa link dán vào và chọn "Save"
 |
| Cài đặt Facebook livechat cho blogspot |
Bước 5: Quay trở lại Blog của chúng ta để xem kết quả.
Một số ưu điểm và nhược điểm của ứng dụng này:
- Ưu điểm:
- Khách hàng sử dụng tài khoản Facebook để chat. Và vẫn nhận được trả lời qua hộp thư (inbox) của Facebook ngay cả khi đã thoát khỏi website.
- Không cần thêm ứng dụng nào nhưng vẫn quản lý được tin nhắn của khách hàng thông qua hộp thư của Facebook.
- Thích hợp cho mọi đối tượng website vì Facebook bây giờ với người Việt hầu như ai cũng sử dụng.
- Nhược điểm:
- Chỉ hiện thị khung chat khi người dùng website đăng nhập Facebook trên cùng một trình duyệt.
- Khả năng tùy biến giao diện còn kém so với các phần mềm livechat chuyên nghiệp khác.
Phương pháp này được Hisella chia sẻ. Các bạn có thể thay đổi trực tiếp thông số để tùy biến giao diện boxchat nhé.
Từ khoá:
Blogspot
Facebook
Thủ thuật
