Thủ thuật

Hướng dẫn cài đặt live chat Facebook cho Website bất kỳ

Hướng dẫn cài đặt live chat Facebook cho Website

Lưu ý: Hãy tắt các plugin live chat khác để tránh xung đột với code này của facebook.

Hướng dẫn cài đặt Live Chat Facebook cho website

Hướng dẫn cài đặt Live Chat Facebook cho website

Chào các bạn, Facebook là mạng xã hội chiếm thị phần người dùng rất đông đảo tại Việt Nam. Theo cập nhật gần đây thì Facebook vừa update tính năng live chat facebook cho website. Đây là tính năng cho phép website tạo một liên kết dạng nút để người dùng dễ dàng gửi tin nhắn tới Fanpage. Chúng ta không còn mất công đi khắp nơi tìm cách tích hợp live chat nữa, FB đã cung cấp miễn phí live chat của facebook cùng giao diện rất chuyên nghiệp. Bạn có thể tích hợp cho mọi website và chỉ mất vài chục phút để tạo mà thôi. Cho dù là người không có kiến thức về công nghệ hay lập trình cũng đều có thể làm.

Bên dưới góc phải của website sẽ xuất hiện một button (nút nhấn) như ảnh trên. Người dùng ấn vào là có thể chat trực tiếp với fanpage của bạn. Và tin vui là tính năng này facebook cung cấp miễn phí.

Cách chèn live chat Facebook cho Website

Yêu cầu chuẩn bị

  • Fanpage.
  •  App Facebook.
  • Website (để bạn tích hợp live chat).

Bước 1: Vào Fanpage và kích hoạt nền tảng messenger. Kèm theo thêm tên miền website của bạn vào mục Whitelisted Domain. Tham khảo ảnh bên dưới.

Thiết lập Live Chat Facebook

Thiết lập Live Chat Facebook

Bước 2: Copy đoạn code mình để bên dưới vào giữa phần thẻ <body> </body> vào của website bạn.

[wpsm_codebox style=”1″]<script>
window.fbAsyncInit = function() {
FB.init({
appId : ‘your-app-id‘,
autoLogAppEvents : true,
xfbml : true,
version : ‘v2.11’
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[];
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“></div>[/wpsm_codebox]

2 chỗ bạn phải thay đổi trong đoạn code trên là:

  • your-app-id thành ID App Facebook của bạn.
  • PAGE_ID là ID Fanpage của bạn

Bạn có thể kiểm tra ID fanpage của bạn theo địa chỉ này.

Nếu bạn đang dùng mã nguồn WordPress thì có 2 cách để chèn: chèn trực tiếp vào footer.php hoặc chèn vào Custom code nếu theme hỗ trợ.

1 Comment

1 Comment

  1. Bảo Bùi

    06/08/2018 at 09:18

    anh cho mình hỏi cách tạo và lấy App ID như thế nào với.
    em cảm ơn!

You must be logged in to post a comment Login

Leave a Reply

Tin HOT

Vaga là một blog được xây dựng với mục đích chia sẻ tất cả những kiến thức, kinh nghiệm về kiếm tiền online, marketing online và một số lĩnh vực có liên quan như thủ thuật SEO, facebook, cách lập website/blog,….

Mong nhận được sự ủng hộ nhiệt tình của tất cả các bạn.

To Top