Facebook messenger được sử dụng như công cụ kết nối không thể thiếu với người dùng facebook chính vì vậy mà facebook đã cung câp giải pháp tích hợp facebook chat vào website giúp những tín đồ của facebook có thể dễ dàng giao tiếp cũng như support khách hàng qua website đơn giản hơn với faceobok chat.

- Với những công cụ chat, messenger thông thường như livechat, gochat khi tích hợp vào website bạn cần phải cài đặt ứng dụng chat hay messenger của các hãng này nhưng facebook chat thì đơn giản hơn bạn có thể chat ngay trên môi trường website mà không cần cài thêm bất cứ điều gì khác.

Ưu điểm của chức năng này

- Khách hàng dùng tài khoản Facebook để gửi tin và nhận phản hồi ngay cả khi đã thoát khỏi website. lưu lại file nhắn, hay chat để có thể check khi offline
- Quản lý tin nhắn của khách hàng thông qua hộp thư của fanpage, không cần cài đặt ứng dụng riêng. 
- Thích hợp với các shop bán hàng cả trên kênh fanpage, muốn thống nhất 1 kênh chăm sóc khách hàng.

- Có thể sử dụng hộp thoại chat để like fanpage hoặc chia sẻ luôn không cần vào fanpage

- Trên website lamwebseo.com bạn có thể thấy hình ảnh chat face này ở dưới góc phải màn hình 

 

Cách làm: 
Bạn chỉ cần copy đoạn code sau vào bên dưới của thẻ body website : 

 

<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:38px;right:20px;z-index:99;width:260px;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:-5px;float:left;}
#cfacebook a.chat_fb{float:left;padding:0 25px;width:260px;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;}
.fchat span{ width:260px!important;}
</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> Chat với LAMWEBSEO</a>
<div class="fchat">
<div style="width:250px;" class="fb-page"
data-href="/https://www.facebook.com/thietkewebsitevaseo"
data-tabs="messages"
data-width="260"
data-height="280"
data-small-header="true">
<div class="fb-xfbml-parse-ignore">
<blockquote></blockquote>
</div>
</div>
</div>


</div>
</div>

 

 

Bạn nhớ thay dòng: data-href="/https://www.facebook.com/thietkewebsitevaseo" thành facepage của mình nhé

 

 



Sln đc: 14966 lần
Sửa lần cuối vào Thứ sáu, 24 Tháng 3 2017 10:25

Đối tác của chúng tôi