Hướng dẫn cài Facebook Live Chat cho Website

Việc bán hàng bằng Facebook kết hợp với website ngày càng được nhiều người bán hàng ưa chuộng vì ưu và khuyết điểm của cả 2 kênh. Trong TMĐT, nếu bạn càng giúp các kênh bán hàng chéo với nhau càng nhiều thì tỉ lệ ROI càng tăng (tham khảo kỹ thuật chéo kênh). Bản thân Facbook Fanpage Fanpage trong 1 vài năm trở lại đây nó đã trở thành 1 nơi bán hàng khá hiệu quả với lượng thành viên đông đảo . Nhìn thấy được yếu tố đó, Facebook đã cho ra đời 1 chức năng khá mới đó là tích hợp Facebook live chat vào website, trong bài viết này mình xin giới thiệu các bạn cài đặt cũng như sử dụng chức năng này nhé .


Ư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.
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
Demo Facebook livechat trên website - http://tarotcodex.com/
Đây là hình ảnh quản trị tin nhắn trên Fanpage

Sau đây là cách cài đặt chi tiết Facebook Live Chat cho Website

Bước 1: Chèn đoạn code dưới đây vào thẻ <body> của website " Nếu bạn không thông thạo code thì bạn nên nhờ kỹ thuật hoặc đơn vị thiết kế web sử lý giúp bạn " , Các bạn thay đoạn link: https://www.facebook.com/matmatarot bằng link fanpage của bạn muốn nhận tin nhắn từ người dùng khi họ chát ở website bạn <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#x..."; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div style="position:fixed; z-index:9999999; right:10px; bottom:10px;" class="fb-page" data-tabs="messages" data-href="https://www.facebook.com/matmatarot" data-width="250" data-height="300" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div>

Lưu ý : Đoạn code trên đã được mình tùy chỉnh để khung chat hiển thị ở góc phải màn hình, chạy theo cuộn chuột của người dùng như bạn thấy trên chính trang của test của mình : doigio.org . Các bạn có thể chỉnh sửa trực tiếp đoạn code trên để tùy biến khung chat phù hợp hơn Ví dụ : width : Là chiều rộng - height : là chiều cao
Bước 2 : Trở lại trang web để kiểm tra. Bạn phải đăng nhập Facebook trên trình duyệt đó mới hiển thị khung chat này.
Giao diện Facebook livechat đang hiển thị trên tarotcodex.com như sau :



Facebook livechat này cũng có 1 số điểm hạn chế so với các phần mềm livechat chuyên nghiệp như: chỉ hiển thị khung chat khi người dùng đăng nhập Facebook trên trình duyệt đó, khả năng tùy biến giao diện còn kém … (Tuy nhiên, mình tin rằng nó sẽ được update mạnh trong thời gian sắp tới và là một trong các chức năng cộng thêm chiến lược cho chủ doanh nghiệp bán hàng online chăm sóc KH tốt hơn).
Giờ các bạn có thể trải nghiệm chức năng này rồi . Có thắc mắc gì các bạn comment ở dưới mình sẽ giải đáp cho các bạn nhé
Hướng dẫn cài Facebook Live Chat cho Website  Hướng dẫn cài Facebook Live Chat cho Website Reviewed by Đỗ Trí on 13:53 Rating: 5