Hướng dẫn tích hợp code Chat Messenger trực tiếp của Facebook (real time) vào website.
Tích hợp chát nền tảng Messenger của facebook vào website giúp bạn dễ dàng tư vấn và chăm sóc khách hàng của mình. Thực hiện đơn giản với 3 bước sau:
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:
Contents
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’></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’ page_id=’ID của bạn’ theme_color=’#44bec7′ 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?’></div>
Đối với wordpress, bạn nên chèn vào file fooder.php
Kết Luận
Trên đây là phần mình tìm hiểu và làm theo trang web itexpress.vn, mình thấy nó làm rất nhanh và dễ dàng. Link mình đã làm được: test.tronghao.site/chat.php