Bên cạnh các web thương mại điện tử phát triển như hiện nay, việc giao tiếp với khách ngay chính trên web của mình là 1 phần không thể thiếu với các doanh nghiệp. Do đó, Facebook đã phát triển nền tảng Messenger để hỗ trợ các doanh nghiệp. Nền tảng Messenger sẽ tích hợp trực tiếp trải nghiệm Messenger vào trang web của các doanh nghiệp. Điều này cho phép khách hàng tương tác với doanh nghiệp bất cứ lúc nào.

Tính năng này còn tự động tải lại lịch sử chat gần đây giữa khách với doanh nghiệp, nghĩa là các cuộc trò chuyện gần đây giữa khách với doanh nghiệp trên Ứng dụng Messenger sẽ được hiển thị. Điều này giúp tạo nên trải nghiệm đồng nhất cho khách hàng, đồng thời cho phép bạn trò chuyện với họ khi đã rời khỏi trang web.

Hướng dẫn cài đặt

Để đưa plugin chat với khách vào web, bạn có thể làm theo 2 cách sau.

Cách 1: Dùng tool hỗ trợ sẵn có của Messenger

Với admin trang bạn muốn kết nối, nền tảng Messenger cũng cung cấp một công cụ thiết lập đơn giản để tùy chỉnh plugin chat với khách hàng. Để cài đặt, bạn có thể làm theo những bước sau:

Bước 1: Vào cài đặt

Bước 2: Nền tảng Messenger

Bước 3: Chuyển đến Plugin chat với khách hàng.

Bước 4: Trong phần “Plugin chat với khách hàng” nhấn chọn Thiết lập.

Ở bước này, công cụ thiết lập cung cấp một giao diện người dùng đơn giản để tùy chỉnh lời chào, màu sắc chủ đề, thời gian phản hồi được hiển thị, cũng như thiết lập các miền trong danh sách hợp lệ cho plugin.

Bước 5.1: Cài đặt tùy chỉnh cho plugin.

Bước 5.2: Cài đặt tùy chỉnh cho plugin.

Bước 5.3: Cài đặt tùy chỉnh cho plugin.

Khi hoàn thành các bước trên, công cụ thiết lập sẽ tự động tạo đoạn mã (Ảnh 5.3) mà bạn có thể sao chép/dán để đưa plugin chat với khách hàng vào trang web của mình.

 

Kết quả:

Cách 2: Thiết lập theo các bước dành cho nhà phát triển

Nếu bạn thấy thiết lập theo cách 1 không hiệu quả hoặc quá rườm rà, bạn cũng có thể cài đặt theo các bước sau:

     1. Truy xuất ID Trang Facebook bạn muốn kết nối.

Có 2 cách để truy xuất ID Trang của bạn. Bạn có thể vào trực tiếp trang của mình -> Vào phần giới thiệu -> kéo xuống và bạn sẽ thấy ID Trang của mình

Hoặc bạn có thể copy địa chỉ page của bạn vào trang web này để tìm được ID trang của mình.

     

     2. Đưa tên miền trang web của bạn vào danh sách cho phép.

Tiếp theo, bạn phải vào Nền tảng Messenger trong phần cài đặt để đưa tên miền vào danh sách cho phép, hay đưa vào tên miền cả 2 kiểu https://http://  để đảm bảo mọi người đều có thể truy cập.

     3. Nhúng đoạn mã sau vào trang của bạn.

Bước cuối cùng, bạn nhúng đoạn mã nhỏ sau đây vào trang web của bạn. Mình khuyến nghị nên đặt nó trước thẻ </body>.

<div class=”fb-customerchat”
page_id=”ID-Trang-Cua-Ban”
minimized=”true”>
</div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : ‘912333495590130’,
autoLogAppEvents : true,
xfbml : true,
version : ‘v2.11’
});
};
(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/en_US/sdk.js”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));
</script>

Lưu ý:

  • Bạn phải thay đoạn <ID-Trang-Cua-Ban> bằng ID trang bạn muốn kết nối với website mà chúng ta đã có ở bước 1.
  • Để cửa sổ chat bật lên tự động, bạn chỉ cần thay minimized=”true” bằng minimized=”false”.

 

Với các website sử dụng WordPress, bạn chỉ cần cài đặt plugin Messenger Customer Chat là có thể dễ dàng kích hoạt chat Messenger cho website của mình.

 

Okay, Và như vậy là các bạn đã có thể tích hợp nền tảng Messenger vào trang web của mình. Hi vọng bạn sẽ thích bài viết này. Cảm ơn đã đọc!