Hiện nay, các website thương mại điện tử đều có xu hướng tích hợp các khung Chat để có thể hỗ trợ khách hàng được nhanh chóng. Tuy nhiên, hầu hết họ đều sử dụng các dịch vụ tạo khung Chat chuyên nghiệp như Zopim Chat, vChat, Subiz chat, … và đương nhiên là đều phải trả phí cho dịch vụ đó.
Lang thang trên Internet tôi thấy có một ý tưởng tạo khung Chat khá hay và muốn chia sẻ cùng các bạn, đó là tạo khung Chat Facebook cho website. Bạn có thể tạo cho website của mình khung support giúp khách hàng dễ dàng tương tác với bạn nhanh chóng và bạn có thể hỗ trợ được khách hàng kịp thời.
Những ưu điểm của Facebook chat cho website
- Ưu điểm lớn nhất so với các công cụ chat khác là bạn có thể chat với rất nhiều người 1 lúc mà hoàn toàn FREE.
- Bạn có thể biết tên khách hàng, có thể 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, bạn có thể tìm lại tin nhắn bất cứ khi nào cần.
- Điểm đặc biệt là bạn có thể support khách hàng mọi lúc mọi nơi chỉ cần 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 của Chat Facebook cho website
- Khách hàng của bạn phải có tài khoản Facebook và phải đăng nhập FB để có thể chat. Nhưng đây chỉ là 1 nhược điểm nhỏ vì đa số người dùng hiện nay đều có tài khoản facebook.
- 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.
Và để có thể hỗ trợ khách hàng của bạn từ điện thoại di dộng thì bạn cần có đủ các điều kiện sau:
- Điện thoại phải được kết nói Internet bằng Wifi hoặc 3G.
- Điện thoại phải được cài đặt ứng dụng trình quản lý trang Facebook
Cuối cùng, để tạo được khung Chat Facebook cho website, bạn có thể làm theo 1 trong 2 cách sau:
Cách 1: Chỉnh sửa trực tiếp trong file giao diện.
Bạn chỉ cần copy và paste code dưới đây vào file footer.php trong giao diện website của bạn. Với cách này bạn có thể sửa file footer.php sau đó upload đè lên file cũ trên host 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 vào trước thẻ đóng </body> và sửa trong code đoạn đường dẫn đến Fanpage của bạn, lưu lại và xem kết quả nhé.
Khuyến cáo khi sử dụng cách này:
- Có thể bị mất khi theme update.
- Khi cần thay đổi theme khác thì phải làm lại cho theme mới.
- Không linh hoạt trong việc thay đổi đường dẫn Fanpage.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
|
<style>
.fb-chat-popup{
position: fixed;
z-index: 9999999;
right: 10px;
cursor: pointer;
bottom: 15px;
border: 1px solid #d1d1d1;
box-shadow: 0px 0px 25px #666;
background: #FFF;
}
.fb-chat-popup .fb-page-header {
background-color: #1dafec;
padding: 8px 10px 5px 10px;
color: #FFF;
font-weight: bold;
font-size: 16px;
}
.fb-page-box .chat-single{line-height: 25px; line-height: 25px; color: #333; width: 100%;}
.fb-page-box .chat-single a{float: right; text-decoration: none; margin-right: 10px; color: #888; font-size: 12px;}
.fb-page-box .chat-single a:hover{color: #222;}
@media all and (max-width: 799px) {
.fb-page-box{display: none;}
.fb-chat-popup {
position: fixed;
z-index: 9999999;
right: 1px;
cursor: pointer;bottom: 5px;
border: 1px solid #d1d1d1;
box-shadow: 0px 0px 25px #666;
background: #FFF;}
}
</style>
<div id=“fb-root”></div>
<script>
(function($) {
$(document).ready(function() {
$(‘.fb-page-box’).hide();
$(‘.fb-page-header’).click(function(){
$(‘.fb-page-box’).slideToggle();
});
});
})(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/all.js#xfbml=1&appId=199375856005”;
fjs.parentNode.insertBefore(js, fjs);
}
(document, ‘script’, ‘facebook-jssdk’));
</script>
<div class=“fb-chat-popup”>
<div class=“fb-page-header”><i class=“fa fa-comments”></i> Hỗ Trợ Trực Tuyến</div>
<div class=“fb-page-box”>
<div class=“fb-page” data–href=“https://www.facebook.com/weblogviet” data–height=“350” data–width=“300” data–small–header=“false” data–adapt–container–width=“false” data–hide–cover=“false” data–show–facepile=“false” data–tabs=“messages” data–show–posts=“false”></div>
<div class=“chat-single”><a target=“_blank” href=“https://www.facebook.com/weblogviet”><i class=“fa fa-facebook-square”></i> Fanpage Blog</a></div>
</div>
</div>
|
Cách 2: Sử dụng Plugin (bạn có thể tìm hiểu thêm về Xây dựng WordPress Plugin cơ bản)
Download plugin tại đây: Plugin khung Chat Facebook cho website
Tải về và cài đặt Plugin như bình thường, sau đó bạn vào quản lý Plugin bằng cách truy cập vàotrang quản trị wordpress(wp-admin) -> Settings -> Facebook Chatbox để thay đổi các cấu hình mặc định của Plugin.
Như vậy là bạn có thể hỗ trợ khách hàng qua facebook chat trên website nhanh chóng trên cả máy tính và SmartPhone, thuận lợi cho khách hàng và thuận lợi cho cả việc quản lý của bạn. Hi vọng với bài viết chia sẻ cách tạo khung Chat Facebook cho website này sẽ giúp doanh nghiệp của bạn có thể bán được nhiều hàng hơn nhé.
Chúc các bạn thành công!
Bài viết liên quan
Zalo ứng dụng mạng xã hội phổ biến Việt Nam
Mẹo, Thủ Thuật Cho Zalo – Ứng Dụng Mạng Xã Hội Phổ Biến Việt Nam [...]
Th9
Sửa lỗi Kích hoạt chứng thư số Không thành công
Sửa lỗi Kích hoạt chứng thư số Không thành công Trường hợp 1: Do có [...]
Th3
hướng dẫn sửa lỗi lưu cache chữ ký số cũ lỗi
Lỗi lưu cache chữ ký số lỗi là thế nào? Trong một số trường hợp [...]
Th3
DNS servers in Google, VNPT, FPT, Viettel Singapore
DNS là gì? các DNS tốt nhanh nhất: Google, VNPT, FPT, Viettel Singapore, Hướng dẫn [...]
Th10
Lỗi máy chiếu thường gặp và cách khắc phục
Dù bạn đang sử dụng loại máy chiếu nào đi chăng nữa. Dù là máy [...]
Th10
Hỏi đáp lỗi thường gặp ở máy chiếu
Nguyên nhân và cách sửa lỗi thường gặp ở máy chiếu Sửa lỗi [...]
Th10