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

Thảo luận trong 'Tin tức lập trình Website' bắt đầu bởi admin, 29/1/19.

  1. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,883
    Đã được thích:
    1,193
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Để 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

    add-chat-facebook-vao-web.jpg

    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
    them-chat-box-facebook.jpg
    • Tiếp theo chọn Tab: Nhắn tin -> Bắt đầu
    them-chatbox-facebook-vao-web.jpg

    Bước 2: Xong bước 1 sẽ hiển thị như hình dưới.
    • Tiếp.
    gan-chat-facebook-vao-web.jpg
    • 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
    gan-chat-facebook-vao-web-moi-nhat-2019.jpg
    • Chọn màu sắc hiển thị -> Tiếp
    gan-chat-faebook-vao-web-thanh-cong-100.jpg
    • 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é.

    chen-code-chat-facebook-cho-vao-web.jpg

    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é.
    dien-ten-mien-vao-hop-thoai-chat.png

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

    add-chat-box-facebook-vao-web.jpg

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

    https://developers.facebook.com/docs/plugins/page-plugin
     
    Cảm ơn đã xem bài:

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

    Chỉnh sửa cuối: 7/12/22
  2. phamchien
    Tham gia ngày:
    2/3/18
    Bài viết:
    32
    Đã được thích:
    1
    Điểm thành tích:
    8
    Giới tính:
    Nam
    hay quá, nếu mình không biết chèn code chắc nên nhờ các bạn kĩ thuật
     
  3. quanho09
    Tham gia ngày:
    13/1/19
    Bài viết:
    11
    Đã được thích:
    0
    Điểm thành tích:
    3
    Giới tính:
    Nam
    Cảm ơn bạn nhiều nhé, mình đang tìm hiểu về live chat!
     
  4. thegioimasomavach
    Tham gia ngày:
    13/2/19
    Bài viết:
    19
    Đã được thích:
    0
    Điểm thành tích:
    6
    Giới tính:
    Nữ
    ad hướng dẫn ti mỉ quá, cảm ơn ad
     
  5. quynhz0anh
    Tham gia ngày:
    17/2/19
    Bài viết:
    9
    Đã được thích:
    0
    Điểm thành tích:
    1
    Bài viết của bạn khá đầy đủ, bạn nào làm thì chú ý mục "lưu ý" cuối cùng của chủ thớt. Đoạn JS mới Facebook nó cung cấp thiếu nên khi chèn vào sẽ ko hiển thị
     
  6. Chuyển Nhà Hà Thành
    Tham gia ngày:
    29/1/19
    Bài viết:
    8
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nam
    Rất hữu ích. Mình cũng đang quan tâm đến điều này
     
  7. juliuswatch
    Tham gia ngày:
    4/1/19
    Bài viết:
    13
    Đã được thích:
    1
    Điểm thành tích:
    3
    Giới tính:
    Nữ
    Live chat facebook là messenger. Còn một live chat nữa không cần đăng nhập facebook.
     
  8. moitruong
    Tham gia ngày:
    31/10/18
    Bài viết:
    23
    Đã được thích:
    0
    Điểm thành tích:
    1
    Giới tính:
    Nam
    kiểu gì vậy mà hay thế
     


Chủ để tương tự : Chèn Live
Diễn đàn Tiêu đề Date
Tin tức lập trình Website Làm sao để chèn khung chát Zalo vào websites ? 5/9/16
Tin tức lập trình Website Add công cụ tìm kiếm google vào website và forum (google search live) 6/9/14