Tích hợp Facebook Chat với khách hàng vào trang web WordPress mới nhất

Rate this post

Bạn đang tìm kiếm một công cụ Live chat để hỗ trợ và trò chuyện với khách hàng trực tuyến trên Website của mình. Tích hợp Facebook Chat với Khách hàng đến trang web Với nhiều tính năng linh hoạt và tiện lợi sẽ giúp bạn hỗ trợ khách hàng nhanh chóng và đơn giản hơn, thông qua Fanpage bằng tài khoản Facebook Messenger của bạn.

Trò chuyện khách hàng trên Facebook Đây là plugin mà Facebook mới phát hành, giúp các Webmaster tạo khung chat Facebook đơn giản cho Website, hỗ trợ khách hàng qua Facebook.

Đây tôi sẽ Hướng dẫn cài đặt Facebook Chat khách hàng trong WordPress của bạn trong một vài bước đơn giản và không cần sử dụng Plugin WordPress.

Ưu điểm của việc tích hợp Facebook Chat vào WordPress

  • Hoàn toàn miễn phí (không cần trả phí như một số dịch vụ Live chat khác)
  • Hỗ trợ người dùng trực tuyến nhanh chóng ngay trên Facebook Messenger
  • Nhỏ gọn, dễ dàng tích hợp khung chat facebook vào website WordPress và không cần sử dụng Plugin
  • Thu thập thêm thông tin về người dùng, và tăng tương tác với Facebook Fanpage
  • Trò chuyện khách hàng Facebook hiển thị, hoạt động tốt trên tất cả các trình duyệt của PC, Di động và Máy tính bảng

Nhược điểm của việc tạo khung Live Chat Facebook trên Website

  • Người dùng cần đăng nhập tài khoản Facebook để có thể trò chuyện trực tuyến
  • Không thể theo dõi xem người dùng có đang trực tuyến truy cập và xem thông tin gì trên Trang web hay không.

Tích hợp Trò chuyện khách hàng Facebook (Facebook Messenger) vào WordPress

Đến Tích hợp Facebook Chat với Khách hàng vào WordPress chúng ta sẽ thực hiện hai bước đơn giản sau trước tiên bạn cần có 2 điều kiện:

  • Bạn phải có 01 trang Fanpage Facebook để có thể cấu hình Trò chuyện khách hàng trên facebook
  • Bạn cần 01 Ứng dụng Facebook để lấy ID thêm vào mã Facebook Chat Trực tiếp

Bước 1: Định cấu hình Plugin trò chuyện khách hàng Facebook Fanpage

Để cài đặt Plugin trò chuyện khách hàng Facebook Vui lòng truy cập Fanpage sau đó vào Cài đặt -> Nền tảng Messenger.

Tại đây, vui lòng kéo xuống phần Plugin trò chuyện khách hàng. Sau đó chạm vào Setup để bắt đầu thiết lập các yêu cầu Tích hợp Facebook Chat với Khách hàng vào Trang web.

Định cấu hình Plugin Facebook trò chuyện khách hàng

Ở cửa sổ Thiết lập Trò chuyện Khách hàng của Facebook mà bạn nhấp vào Next để bắt đầu quá trình tạo khung chat Facebook cho Website.

Thêm khung trò chuyện Facebook Messenger vào Trang web

Tiếp theo trong cửa sổ tiếp theo bạn cần thiết lập Trò chuyện khách hàng trên Facebook Một số tùy chọn như sau để có thể tích hợp Facebook chat vào WordPress:

  • Ngôn ngữ: Chọn tiếng Việt hoặc bất kỳ ngôn ngữ nào khác phù hợp với Website / Blog của bạn đang sử dụng.
  • Lời chào (Greeting): Nếu bạn muốn thay đổi lời chào, hãy nhấp vào Change để thiết lập theo ý muốn, nếu không thì để mặc định.

Và sau đó nhấn Next tiếp tục như đã cài đặt Plugin trò chuyện khách hàng như hình bên dưới:
Tích hợp khung chat Facebook vào WordPress

Tiếp theo bạn có thể chọn một số yêu cầu như Phản ứng (thời gian phản hồi của khách hàng) bao lâu? Và Màu sắc tùy chỉnh (tùy chọn màu sắc) của biểu tượng Trò chuyện trực tiếp trên Facebook theo ý thích của bạn như sau:

Thêm trò chuyện trực tiếp trên Facebook vào trang web

Tiếp theo bạn thiết lập Trò chuyện khách hàng trên Facebook và lấy mã trò chuyện trực tiếp trên Facebook để nhúng vào Trang web:

(1) Bước 1: Add website domain namevui lòng khai báo tên miền để sử dụng Plugin trò chuyện khách hàng trong phần này (chứa cả giao thức http hoặc https).

(2) Bước 2: Kiểm tra I've added the code to the websiteđể chấp nhận thêm mã Facebook Live chat vào Website / Blog.

(3) Facebook sẽ cung cấp cho bạn một mã nhúng để Tích hợp Plugin trò chuyện khách hàng vào trang web.
Thêm mã Facebook trò chuyện khách hàng vào trang web

Bước 2: Thêm mã tích hợp Facebook Chat Khách hàng vào WordPress

Sao chép mã có nội dung trong mục (3) ở bước 1 trước khi đóng của Trang web để tích hợp Facebook Chat với Khách hàng vào WordPress:
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'your-app-id',
autoLogAppEvents : true,
xfbml : true,
version : 'v2.12'
});
};
(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";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-customerchat" page_id="page-id" theme_color="#0084ff></div>
Sau đó, truy cập trang quản trị WordPress của bạn và dán vào tệp footer.php trước khi đóng cửa nhãn.
Ghi chú:
Nếu bạn đang sử dụng đồng thời ứng dụng Facebook Comment trước đó, thì bạn có thể chỉ cần sử dụng mã sau trước khi đóng cho Cuộc trò chuyện trực tiếp trên Facebook:
<div class="fb-customerchat" page_id="page-id" theme_color="#0084ff></div>
Ghi chú:

  • Your-app-id: Là ID Ứng dụng Facebook của bạn, nếu bạn chưa có ứng dụng Facebook, vui lòng tạo Ứng dụng Facebook tại đây.
  • ID trang: Vui lòng thay thế nó bằng mã ID Fanpage Facebook của bạn. (Bạn có thể lấy ID Fanpage trong phần giới thiệu Fanpage hoặc lấy ID Fanpage tại đây).

Kết quả sau khi tạo Facebook Live Chat trong WordPress

Sau khi hoàn tất việc tích hợp Facebook Chat vào WordPress, kết quả hiện ra khung Live Chat Facebook trên Website như sau:Tích hợp Plugin Facebook Chat với Khách hàng vào WordPress thành côngVì vậy, tôi đã chỉ cho bạn cách Tích hợp Facebook Chat với Khách hàng vào WordPress thành công, bây giờ bạn có một công cụ Trò chuyện trực tiếp trên Facebook Chuyên nghiệp để hỗ trợ khách hàng trên Website một cách nhanh chóng.

Nếu thấy bài viết này hữu ích hãy like và share để mọi người cùng biết nhé. Và đừng quên theo dõi Tiến Tân Blog để nhận được những bài viết hướng dẫn WordPress từ cơ bản đến nâng cao mới nhất nhé.

Chúc may mắn.

Thanh Thuy

Leave a Reply

Your email address will not be published.