Hướng dẫn tích hợp code Chat Messenger trực tiếp của Facebook (real time) vào website.

Hướng dẫn chèn code Chat Messager trực tiếp của Facebook (real time) vào website.

Xem video hướng dẫn để thực hiện:

Bước 1: Lấy ID trang của bạn.

Rất đơn giản, truy cập trang (Fan page) mà bạn muốn dùng nó để liên lạc với khách qua website. (Click vào mũi tên tam giác góc phải trên cùng, chọn trang mà bạn muốn sử dụng)

Truy cập trang của bạn

Tại Trang, nhìn Menu bên trái chọn phần Giới thiệu, sau đó kéo xuống dưới sẽ thấy ID trang của bạn (xem hình dưới).

Lấy ID của trang

Bước 2: Thêm tên miền (thêm miền) mà bạn muốn hiển thị trên website đó.

- Vào Cài đặt/Nền tảng Messenger, kéo xuống đến phần "Miền được đưa vào danh sách" nhập đầy đủ tên miền của bạn vào, VD: https://itexpress.vn, có thể nhập nhiều tên miền nếu bạn muốn

Thêm tên miền cho phép hiển thị chat box

Bước 3: Chèn code vào website

Sau khi đã có ID trang, bạn thay vào đoạn code phía dưới.

Ngoài ra bạn có thể thay đổi 2 lời chào.

Rồi copy nguyên đoạn code đó dán vào website trước thẻ đóng </body>

<div id="fb-root">&nbsp;</div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/vi_VN/sdk/xfbml.customerchat.js#xfbml=1&version=v2.12&autoLogAppEvents=1'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <div class="fb-customerchat" logged_in_greeting="Xin chào, tôi có thể hổ trợ gì cho bạn không?" logged_out_greeting="Xin chào, tôi có thể hổ trợ gì cho bạn không?" page_id="ID của bạn" theme_color="#44bec7"> </div>

Đối với wordpress, bạn nên chèn vào file fooder.php

Đăng ký kênh Yotube của IT Express để nhận được thông báo khi có video mới

Chúc bạn thành công!