Plugin trò chuyện với khách hàng (Messenger Customer Chat Facebook) là một tính năng mới rất hay của Facebook. Bằng việc nhúng plugin này vào website của bạn, khách hàng có thể Chat trực tiếp với Fanpage của bạn thông qua tài khoản Facebook Messenger mà không cần phải truy cập qua link Fanpage
Với tính năng mới này Customer Chat Facebook (Livechat Facebook) giúp việc chăm sóc khách hàng, tư vấn, bán hàng… trực tiếp ngay trên website, rất tiện lợi. Mọi quản lý và chăm sóc sau này đều thông qua Facebook Messenger.
Dưới đây là 3 bước đơn giản để cài đặt Customer Chat Facebook (Livechat Facebook) vào website WordPress của bạn.
Bước 1: Lấy Page ID của Fanpage
Tại trang quản lý Fanpage của bạn, click vào tab Giới thiệu bên trái, kéo xuống dưới 1 chút, sẽ có ID trang
Bước 2: Đưa tên miền của website vào Whitelisted Domains (danh sách tên miền được phép nhúng plugin Customer chat)
Truy cập Fanpage của bạn chọn mục Cài đặt -> Nền tảng Messenger. Ở phần Miền được đưa vào danh sách hợp lệ bạn nhập tên miền (có thể nhập sub domain) muốn sử dụng, chọn Lưu để hoàn thành.
Bước 3: Tích hợp vào website – Có 2 cách tích hợp đó là cài plugin hoặc nhúng mã javascript
Cách 1: cài plugin Messenger Customer Chat for WordPress – https://wordpress.org/plugins/messenger-customer-chat/
Bạn cần cài và kích hoạt plugin này
Tại trang cấu hình của plugin, bạn cấu hình như bên dưới và lưu lại. Vậy là xong
Cách 2: Nhúng mã Javascript vào website thông qua Theme options của theme (thường là nơi bạn chèn mã Google Analytics)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
<!— Load Facebook SDK for JavaScript —>
<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 = ‘https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.12&autoLogAppEvents=1’;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
<!— Your customer chat code —>
<div class=“fb-customerchat”
page_id=“486313441720793”
minimized=“false”
logged_in_greeting=“Xin chào, bạn muốn mua theme Mỹ phẩm tuyệt đẹp này ? Chat với tôi nhé !”
logged_out_greeting=“Cảm ơn quý khách đã ghé thăm shop. Chúc quý khách 1 ngày tốt lành !”>
</div>
|
Lưu ý các thông số:
- page_id: Thay bằng mã ID của Fanpage của bạn đã tạo ở bước 1
- minimized: thay bằng true hoặc false. Nếu là true thì lúc khách hàng truy cập web, chỉ hiện icon của messenger
- logged_in_greeting: Lời chào khi khách truy cập web
- logged_out_greeting: Lời chào khi khách thoát khỏi messenger
Dưới đây là thành quả khi tôi tích hợp vào website Hichi.vn
Chúc mừng bạn thành công trong việc tích hợp thêm 1 kênh chăm sóc khách hàng và bán hàng thông qua Livechat Facebook Messenger trên website.