Chèn Live Chat Facebook từ Fanpage vào web 100% thành công

Để chèn code live Chát Facebook của fanpage vào web thuận tiện cho khách hàng cần hỏi hoặc mua hàng trực tuyến hiện nay rất đơn giản và vô cùng hiệu quả trong kinh doanh.

Để chèn Live chát facebook vào web bạn xem demo và thực hiện theo hướng dẫn dưới nhé.

Xem cách chèn phiên bản năm 2023 ở đây: https://itseovn.com/threads/add-them-chatbox-fanpage-facebook-vao-website-moi-nhat-2022.324999/

Demo: chát live fb

​

Bước 1: Truy cập vào fanpage bạn muốn gắn code Live Chát vào web

• Sau đó chọn: Cài đặt Trang

• Tiếp theo chọn Tab: Nhắn tin -> Bắt đầu

Bước 2: Xong bước 1 sẽ hiển thị như hình dưới.

• Tiếp.

• Chọn ngôn ngữ bạn muốn hiển thị và lời chào cần hiển thị trên Live Chat

• Chọn màu sắc hiển thị -> Tiếp

• Tại màn hình tiếp theo, ở ô số 1 như hình dưới, bạn gõ tên miền muốn áp dụng cho Live Chat này.
• VD: ở dưới tôi để web của tôi là https://salegiatot.com
• Ấn Lưu để tiếp tục.
• Sau đó bạn qua khung số 3 ấn copy code này, dán vào web mới điền ở trên ở dưới Footer web là tốt nhất.
• Xong hưởng thụ thành quả nhé.

Nếu bạn là web wordpress thì dán code vào mục: wp-content/themes/ten-themes/footer.php nhé.



Lưu ý:

• Nếu chát không hiển thị thì bạn đổi 1 đoạn code nhỏ ở trên từ

Mã:

js.src = 'https://connect.facebook.net/vi_VN/sdk/xfbml.customerchat.js';

• Thành

Mã:

js.src = 'https://connect.facebook.net/vi_VN/sdk/xfbml.customerchat.js#xfbml=1&version=v2.12';

• Và up lại lên web sẽ được ngay nhé

****************************************
NẾU Ở BƯỚC 2 BẠN KHÔNG THẤY HIỆN LÊN HỘP THOẠI CHÈN NHƯ TRÊN THÌ CÓ THỂ THAO TÁC NHANH NHƯ SAU:

Copy đoạn code sau cho vào header hoặc footer của web.

Mã:

<!-- Load Facebook SDK for JavaScript -->
    <div id="fb-root"></div>
    <script>(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/xfbml.customerchat.js#xfbml=1&version=v2.12&autoLogAppEvents=1';
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    <!-- Your customer chat code -->
    <div class="fb-customerchat"
        attribution=setup_tool
        page_id="110326373720263"
        logged_in_greeting="Tao Be"
        logged_out_greeting="Tao Be">
    </div>

• Với 110326373720263 là ID fanpage của bạn, vào đây để tìm ID fanpage nhé: findmyfbid.com.

Sau đó mục: Miền được đưa vào danh sách hợp lệ, bạn gõ tên website bạn và Lưu lại nhé.


Lưu ý: nếu bạn không thấy giống trên thì xem hình dưới này nhé.



...............

https://developers.facebook.com/docs/plugins/page-plugin