Tích hợp “LiveChat” (Gửi tin nhắn) của Facebook vào Website

Gửi tin nhắn, livechat facebook trên Website

Thêm box gửi tin nhắn, hỗ trợ trực tuyến (live chat) Facebook trên Website. Gọi nó là “Live Chat” kể cũng không thật sự chuẩn xác, nhưng xét về bản chất thì mình không có từ nào tốt hơn. Cũng khá lâu rồi Facebook đã cho phép chúng ta tích hợp phần live chat này giữa Website và Fanpage.

Người dùng khi truy cập Website, có thể để lại tin nhắn, chat trực tiếp với Fanpage. Hầu hết mọi người đều có tài khoản Facebook, khi khách hàng chat với bạn thông qua đó, tin nhắn sẽ được gửi tới fanpage. Bất kỳ khi nào bạn trả lời, họ sẽ nhận được thông báo, tỷ lệ đọc là 100%, cao hơn nhiều so với Email hay SMS, nó hoàn toàn miễn phí.

Gửi tin nhắn, livechat facebook trên Website
Tích hợp, cách làm nút gửi tin nhắn, livechat facebook trên Website

Hiện tại có nhiều phần mềm có khả năng re-inbox và bạn có thể nhắn tin, gửi chương trình khuyến mại cho khách hàng trọn đời và miễn phí. Điều mà các công cụ Livechat khác không thể làm được. Đó là lý do vì sao rất nhiều Website đang chuyển qua phương pháp này, nó rất phù hợp với các web nhỏ và vừa.

Với cả Website lớn thì thời điểm bạn không có người trực livechat truyền thống (ngoài giờ hành chính) tại sao ko bật livechat facebook lên?

Phần live chat, nút gửi tin nhắn Facebook phù hợp cho

  • Những Website bán hàng có lượng truy cập thấp đến trung bình.
  • Blog, website cá nhân muốn tương tác và trao đổi với độc giả không thường xuyên.
  • Website có lượng truy cập lớn, nhưng bán hàng chủ yếu qua facebook.
  • Website dạng cộng đồng như diễn đàn, câu hỏi về live chat không nhiều.

Nhược điểm:

  • Người gửi có thể gửi tin nhắn đi nhưng sẽ không nhận được tin nhắn trả lời ngay trên cửa sổ chat của web.

Ưu điểm

  • Hoàn toàn miễn phí
  • Khả năng tương tác với người dùng tốt hơn. Tỷ lệ đọc tin nhắn của khách hàng là 100%.
  • Hỗ trợ trên mobile (ở bản này Tú đã nâng cấp sẽ đưa người dùng qua ứng dụng gửi tin nhắn của Facebook)
  • Gọn nhẹ, hoạt động và tích hợp đơn giản.
  • Giao diện, hỗ trợ Tiếng Việt.
  • Tăng LIKE, tương tác cho Fanpage.
  • Thu thập nhiều hơn thông tin người dùng, giúp thu hút và re-inbox fanpage hiệu quả.

Rất nhiều Website hướng dẫn cách tích hợp và cấu hình nhưng nó hơi khó làm, và không sử dụng được trên mobile. Ngoài ra để tăng hiệu quả, Tú có trang trí thêm câu chào “Bạn cần hỗ trợ” và số 1 để tạo cảm giác họ có tin nhắn (một trải nghiệm quen thuộc với những ai dùng fb nhiều sẽ bị thu hút). Bản này khác biệt nhất là tích hợp dễ dàng và tự phát hiện ra trình duyệt người dùng sử dụng là Desktop hay Mobile để xử lý.

Hướng dẫn tích hợp Live Chat, box gửi tin nhắn Facebook trên Website.

Bước 1: Điền link fanpage của bạn VD: https://www.facebook.com/chanhtuoicom

Bước 2: Nhấn vào nút Tạo nút Chat

Bước 3: Bạn Copy đoạn code bên dưới và gắn vào thẻ dưới thẻ <body> trên Website bạn muốn hiển thị.

Lưu ý: Một số Website có nút Back Top Top (có thể sẽ bị xung đột) nó bị đè vào nút Gửi tin nhắn Facebook này nên Tú có làm thêm một phần tùy biến là Khoảng cách với chân trang. Mặc định sẽ là 50px, nếu bạn muốn thay đổi bạn có thể cung cấp một con số khác. VD: 100

Credit: Powered by TT

Update 7/5/2019: Trong trường hợp bạn làm theo hướng dẫn, nhưng khi nhấn vào nút chat nó lại không hoạt động. Nguyên nhân là do fanpage của bạn chưa đặt tên người dùng (tức chưa đặt link).

VD: https://www.facebook.com/Sửa-chữa-điên-thoại-tại-vinh-nghệ-an-967357600134318/

Nếu vậy các bạn vào Fanpage của mình với tài khoản admin, sau đó vào mục Giới thiệu => Đặt tên người dùng > Chọn tên nào đó được phép => Nhấn lưu. (Xem hình bên dưới)

Đặt tên cho fanpage (đặt url)
Đặt tên cho fanpage (đặt url)

Thêm một lưu ý, Fanpage phải có trên 25 like thì Facebook mới cho phép đặt tên (cũng có trường hợp là chỉ cần 10 like).

Hướng dẫn với bạn bạn dùng WordPress.

Truy cập Admin => Appearance  (Giao diện) ==> Editor (Sửa) => Tìm file header.php

Kéo xuống hoặc nhấn CTRL + F và Tìm thẻ <body và thêm đoạn code ở bên trên xuống dưới.

Thêm nút chat facebook trên website WordPress
Thêm nút chat facebook trên website WordPress

Sau đó lưu lại để hoàn tất (nhấn nút Cập nhật tập tin)

Hướng dẫn cho Blogspot

Bước 1: Bạn truy cập Blogger.com và chọn Blog cần thay đổi.

Bước 2: Chọn Bố cục

Bước 3: Chọn Thêm tiện ích (có thể chọn nút thêm tiện ích ở bất kỳ vị trí nào)

Bước 3: Hộp thoại bật lên, Chọn tiếp  HTML/JavaScript 

Bước 4: Dán code đã tạo được ở trên và dán vào nội dung của thuộc tính này sau đó nhấn Lưu

Chèn code và nhấn Lưu để hoàn tất
Chèn code và nhấn Lưu để hoàn tất

Vậy là xong, hãy quay lại trang Blogspot của bạn và tận hưởng kết quả.

Rất đơn giản vậy thôi, không tùy chỉnh thêm gì cả. Bạn nào biết CSS có thể tùy biến theo ý thích của mình ở trong <style>. Khi triển khai tính năng này đã giúp hiệu quả bán hàng tăng rất nhiều. Đặc biệt là việc thu thập thông tin khách hàng ở những thời điểm không có người trực livechat vào buổi tối (21h,22h là thời điểm online nhiều nhất trong ngày của người dùng).

Mình đã nâng cấp nó ngày 20/4/2019 so với bản cũ, giao diện và nhiều tính năng tốt hơn, đã cài đặt trên nhiều website phức tạp nó đều hoạt động tốt. Hy vọng sẽ giúp ích cho bạn, nếu gặp khó khăn hãy comment xuống bên dưới nhé.

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

Author: Tú Cao

Tôi là Tú Cao. Tôi chia sẻ và dạy mọi người cách kinh doanh trên Internet. Bởi vì "Hạnh phúc không phải là nhận, hạnh phúc chính là sự cho đi". Bài viết này dựa trên quan điểm, hiểu biết của Tôi. Bạn tự cân nhắc và chịu trách nhiệm khi làm theo, nếu nó hữu ích với bạn hãy Mời Tú Cao một tách CÀ PHÊ.  

258 Replies to “Tích hợp “LiveChat” (Gửi tin nhắn) của Facebook vào Website”

  1. Văn Bình says: 07/07/2021 at 11:37

    chào bạn mình có làm theo hướng dẫn và chèn vào web ok rồi, mà sao khi phần đặt hàng của mình lại mất phần thông tin sản phẩm, giá, số lượng. bỏ phần code chat này ra thì lại bình thường. mong bạn chỉ thêm, cảm ơn Bạn!
    website mình là: https://www.mayxayeptraicay.com/

    1. Tú Cao says: 10/07/2021 at 10:09

      Mình check thì do cái Zalo ở cuối web bạn, có 1 số lỗi JS nhưng lại ko phải từ facebook. Bạn thử bỏ cái code của mình xuống cuối trang xem sao.

  2. Nguyễn Huân says: 29/03/2021 at 22:55

    Mình làm theo nhưng sao nó bị thấp quá không cân với nút gọi ở bên trái. chỉnh như thế nào để cân xứng 2 bên bạn. site của mình: https://www.thodiendanang.com

    1. Tú Cao says: 06/04/2021 at 13:08

      Mình thấy bạn chỉnh đẹp rồi mà :D.

  3. Nguyen Toan says: 12/01/2021 at 08:04

    (zalo chat)

    (Facebook chat)
    .fb-livechat, .fb-widget{display: none}.ctrlq.fb-button, .ctrlq.fb-close{position: fixed; right: 24px; cursor: pointer}.ctrlq.fb-button{z-index: 999; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff; width: 60px; height: 60px; text-align: center; bottom: 30px; border: 0; outline: 0; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16); -webkit-transition: box-shadow .2s ease; background-size: 80%; transition: all .2s ease-in-out}.ctrlq.fb-button:focus, .ctrlq.fb-button:hover{transform: scale(1.1); box-shadow: 0 2px 8px rgba(0, 0, 0, .09), 0 4px 40px rgba(0, 0, 0, .24)}.fb-widget{background: #fff; z-index: 1000; position: fixed; width: 360px; height: 435px; overflow: hidden; opacity: 0; bottom: 0; right: 24px; border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0 5px 40px rgba(0, 0, 0, .16); -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .16); -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, .16); -o-box-shadow: 0 5px 40px rgba(0, 0, 0, .16)}.fb-credit{text-align: center; margin-top: 8px}.fb-credit a{transition: none; color: #bec2c9; font-family: Helvetica, Arial, sans-serif; font-size: 12px; text-decoration: none; border: 0; font-weight: 400}.ctrlq.fb-overlay{z-index: 0; position: fixed; height: 100vh; width: 100vw; -webkit-transition: opacity .4s, visibility .4s; transition: opacity .4s, visibility .4s; top: 0; left: 0; background: rgba(0, 0, 0, .05); display: none}.ctrlq.fb-close{z-index: 4; padding: 0 6px; background: #365899; font-weight: 700; font-size: 11px; color: #fff; margin: 8px; border-radius: 3px}.ctrlq.fb-close::after{content: “X”; font-family: sans-serif}.bubble{width: 20px; height: 20px; background: #c00; color: #fff; position: absolute; z-index: 999999999; text-align: center; vertical-align: middle; top: -2px; left: -5px; border-radius: 50%;}.bubble-msg{width: 120px; left: -140px; top: 5px; position: relative; background: rgba(59, 89, 152, .8); color: #fff; padding: 5px 8px; border-radius: 8px; text-align: center; font-size: 13px;} Powered by ChanhTuoi 1Bạn cần hỗ trợ?jQuery(document).ready(function($){function detectmob(){if( navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i) ){return true;}else{return false;}}var t={delay: 125, overlay: $(“.fb-overlay”), widget: $(“.fb-widget”), button: $(“.fb-button”)}; setTimeout(function(){$(“div.fb-livechat”).fadeIn()}, 8 * t.delay); if(!detectmob()){$(“.ctrlq”).on(“click”, function(e){e.preventDefault(), t.overlay.is(“:visible”) ? (t.overlay.fadeOut(t.delay), t.widget.stop().animate({bottom: 0, opacity: 0}, 2 * t.delay, function(){$(this).hide(“slow”), t.button.show()})) : t.button.fadeOut(“medium”, function(){t.widget.stop().show().animate({bottom: “30px”, opacity: 1}, 2 * t.delay), t.overlay.fadeIn(t.delay)})})}});

    1. Tú Cao says: 30/01/2021 at 09:42

      Mình có 1 cái đoạn cho phép bạn điều chỉnh chiều cao khi bạn lấy code đó. Bạn thay đổi con số ở đó nhé.

  4. Nguyen Toan says: 12/01/2021 at 08:01

    mình chèn cả zalo và facebook nó bị chồng lên nhau xấu quá
    code:

    .fb-livechat, .fb-widget{display: none}.ctrlq.fb-button, .ctrlq.fb-close{position: fixed; right: 24px; cursor: pointer}.ctrlq.fb-button{z-index: 999; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff; width: 60px; height: 60px; text-align: center; bottom: 30px; border: 0; outline: 0; border-radius: 60px; -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16); -webkit-transition: box-shadow .2s ease; background-size: 80%; transition: all .2s ease-in-out}.ctrlq.fb-button:focus, .ctrlq.fb-button:hover{transform: scale(1.1); box-shadow: 0 2px 8px rgba(0, 0, 0, .09), 0 4px 40px rgba(0, 0, 0, .24)}.fb-widget{background: #fff; z-index: 1000; position: fixed; width: 360px; height: 435px; overflow: hidden; opacity: 0; bottom: 0; right: 24px; border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px; box-shadow: 0 5px 40px rgba(0, 0, 0, .16); -webkit-box-shadow: 0 5px 40px rgba(0, 0, 0, .16); -moz-box-shadow: 0 5px 40px rgba(0, 0, 0, .16); -o-box-shadow: 0 5px 40px rgba(0, 0, 0, .16)}.fb-credit{text-align: center; margin-top: 8px}.fb-credit a{transition: none; color: #bec2c9; font-family: Helvetica, Arial, sans-serif; font-size: 12px; text-decoration: none; border: 0; font-weight: 400}.ctrlq.fb-overlay{z-index: 0; position: fixed; height: 100vh; width: 100vw; -webkit-transition: opacity .4s, visibility .4s; transition: opacity .4s, visibility .4s; top: 0; left: 0; background: rgba(0, 0, 0, .05); display: none}.ctrlq.fb-close{z-index: 4; padding: 0 6px; background: #365899; font-weight: 700; font-size: 11px; color: #fff; margin: 8px; border-radius: 3px}.ctrlq.fb-close::after{content: “X”; font-family: sans-serif}.bubble{width: 20px; height: 20px; background: #c00; color: #fff; position: absolute; z-index: 999999999; text-align: center; vertical-align: middle; top: -2px; left: -5px; border-radius: 50%;}.bubble-msg{width: 120px; left: -140px; top: 5px; position: relative; background: rgba(59, 89, 152, .8); color: #fff; padding: 5px 8px; border-radius: 8px; text-align: center; font-size: 13px;} Powered by ChanhTuoi 1Bạn cần hỗ trợ?jQuery(document).ready(function($){function detectmob(){if( navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/i) || navigator.userAgent.match(/Windows Phone/i) ){return true;}else{return false;}}var t={delay: 125, overlay: $(“.fb-overlay”), widget: $(“.fb-widget”), button: $(“.fb-button”)}; setTimeout(function(){$(“div.fb-livechat”).fadeIn()}, 8 * t.delay); if(!detectmob()){$(“.ctrlq”).on(“click”, function(e){e.preventDefault(), t.overlay.is(“:visible”) ? (t.overlay.fadeOut(t.delay), t.widget.stop().animate({bottom: 0, opacity: 0}, 2 * t.delay, function(){$(this).hide(“slow”), t.button.show()})) : t.button.fadeOut(“medium”, function(){t.widget.stop().show().animate({bottom: “30px”, opacity: 1}, 2 * t.delay), t.overlay.fadeIn(t.delay)})})}});

    1. Tú Cao says: 30/01/2021 at 09:37

      Mình có 1 cái đoạn cho phép bạn điều chỉnh chiều cao khi bạn lấy code đó. Bạn thay đổi con số ở đó nhé.

  5. Nguyen Toan says: 12/01/2021 at 07:40

    add ơi mình trèn cả zalo chat nhưng nó che mất nút trở về đầu trang thì làm thế nào
    code:

    1. Tú Cao says: 30/01/2021 at 09:42

      Mình có 1 cái đoạn cho phép bạn điều chỉnh chiều cao khi bạn lấy code đó. Bạn thay đổi con số ở đó nhé.

  6. tocdep says: 09/11/2020 at 08:31

    Tú ơi, mình đã chèn rồi nhưng ko thấy livechat hiển thị, có cần xác minh doanh nghiệp không vậy Tú?

    1. Tú Cao says: 13/11/2020 at 09:54

      Không cần bạn ơi, chỉ cần dán vào thôi. Và fanpage của bạn nó đang hoạt động.

  7. Sang says: 23/10/2020 at 10:49

    Dạ chào anh, web em đã tích hợp nút chat messenger lên website. Hiện tại em có chạy ads cho website đấy, vậy có cách nào để em phân biệt được 1 khách bất kì nhắn tin vô messenger, là nguồn từ web hay từ organic của page ko ạ, fanpage em cũng đang chạy song song. Rất mong nhận được sự giúp đỡ của anh

    1. Tú Cao says: 29/10/2020 at 23:29

      Chào bạn,

      Có thể tracking đc bạn nhé. Chèn đoạn mã đo lường để bắt sự kiện của cái nút. Nó hơi dài, hôm nào có thời gian mình sẽ viết về chủ đề này.

  8. Phong Nguyen says: 09/08/2020 at 11:12

    Em chào anh. Rất cảm ơn anh đã hướng dẫn ạ.
    Em làm theo và bị 2 lỗi như sau:
    – Mất chức năng silder.
    – Click vào chat box thì không thể gõ được dữ liệu để tương tác ạ.
    Đây là website của bên em: https://www.vinajapan.com/
    Rất mong nhận được sự hỗ trợ của anh ạ.
    Em cảm ơn và chúc anh nhiều sức khỏe

  9. da lat says: 03/08/2020 at 11:37

    Mình chạy multisite chèn cả 2 code vào nhiều giao diện thấy nó khá chậm, hay là do ảnh hưởng đến host vậy Tú ơi.

    1. Tú Cao says: 17/08/2020 at 15:12

      Chào bạn,

      Toàn bộ những phần này đều là gọi từ facebook. Nếu có chậm là do tốc độ mạng. Bạn thử chuyển đoạn code xuống phần footer nhé. Vì mình nghĩ trải nghiệm bạn thấy chậm là do một số tính năng nào đó đòi hỏi trạng load hết mới thực thi.

  10. nhật ha says: 14/07/2020 at 10:07

    Website https://duhocact.com/dia-diem-du-hoc/duc có thử tích hợp nhưng vẫn báo lỗi là sao ạ

  11. Le Nguyen says: 03/06/2020 at 09:42

    Mình làm đươc rồi cảm ơn bạn

  12. Thang says: 18/03/2020 at 02:57

    Minh co thu tich hop nhung bi loi. Khong hien thi duoc. Ca 2 website cua minh ve du hoc Duc va Hoc tieng duc deu bao khong duoc.

    https://iecs.vn
    https://vuatiengduc.net

    Than, Thang

    1. Tú Cao says: 18/03/2020 at 11:21

      Bạn gắn code vào đi, hoặc sau inbox mình kiểm tra cho fb.com/nguyencaotu

  13. thép việt nhật says: 16/03/2020 at 15:55

    Mình làm được rồi nha, cảm ơn bạn

  14. Vu Van Hoa says: 10/02/2020 at 00:35

    Cảm ơn bạn nhé, những mình hỏi làm sao để thay đổi vị tris của biểu tưởng chat box trên website nhỉ?

    1. Tú Cao says: 11/02/2020 at 13:28

      Muốn đổi vị trí thì cần chỉnh đoạn CSS tìm ở trong đoạn code bạn gắn vào có chỗ right bạn chỉnh qua left.

  15. Parco says: 22/10/2019 at 17:22

    Mình làm được rồi nha, cảm ơn bạn

  16. Đức says: 03/10/2019 at 08:44

    Khi website có slider revolution , khi cài đoạn code của ad thì không còn hiện slider nữa @@

  17. Mạnh Nguyễn says: 19/09/2019 at 19:39

    Tuyệt vời! Cảm ơn admin nhé
    SĐT fb mình tiện giao lưu anh em 0989568237

  18. Nam Hải says: 15/09/2019 at 15:52

    cho mình horti, mình có thể tích hợp cho các mạng xã hội khác ngoài facebook không bạn?

    1. Tú Cao says: 11/02/2020 at 13:29

      Bạn cứ cho tên cụ thể, có gì mình check, vì cũng không rõ lắm là mọi người cần tích hợp những cái gì.

  19. Tạ Đình Hùng says: 27/08/2019 at 10:58

    Chào bạn. Mình gắn lên thì bị lỗi khi click vào ko hiển thị chat được. Bạn kiểm tra lại giùm mình nhé

    1. Tú Cao says: 27/08/2019 at 14:07

      Mình có vào website tinhdaulachampa.net mà bạn để trong phần comment thì thấy chưa gắn code này lên, nên ko xem được vì sao, bạn cứ gắn vào sau đó gửi email qua cho mình hoặc trả lời bình luận ở blog nhé.

  20. khiêm says: 26/08/2019 at 16:55

    code này lỗi rồi đúng k ad. hiện biểu tượng chat nhưng k thể chat đc ad fix sớm nhé

    1. Tú Cao says: 27/08/2019 at 09:24

      Code này dùng bình thường bạn nhé. Nếu gặp lỗi bạn chèn code vào website và nhắn địa chỉ website lên đây, mình sẽ check và trả lời cho bạn qua blog hoặc email.

  21. Talli Le says: 19/08/2019 at 20:17

    Cám ơn rất nhiều

  22. thời trang nữ says: 17/08/2019 at 13:37

    Bài hướng dẫn rất tuyệt. Mình đã thêm được live chat facebook trên site blog của mình rồi.

  23. hieu says: 12/08/2019 at 01:03

    Chào Bạn Bạn Có Thể Chỉ Mình Cho Nó Ẩn Trên Giao diện máy tính không bạn, mình chỉ muốn nó hiện trên điện thoại, Cảm ơn bạn nhiều

    1. Tú Cao says: 15/08/2019 at 09:21

      Bạn thêm cái này vào sau thẻ

      1. Tú Cao says: 15/08/2019 at 09:22

        Bình luận này mình chặn viết code vào, nên bạn làm theo hướng dẫn này https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

  24. Thiết bị vệ sinh Bui Minh says: 30/07/2019 at 11:17

    Cảm ơn bài viết quá. Mà fb chat cảm giác ko đẹp lắm

  25. Bui Thanh Xuan says: 20/07/2019 at 18:35

    Sao blogspot của e khi ấn vào bố cục nó không hiện footer thì làm thế nào vậy a?

  26. QUANG says: 17/07/2019 at 10:36

    mình đã sử dụng trên web rồi và tiếp cận với khách hàng nhanh hơn

  27. ks nguyễn hiếu says: 13/07/2019 at 08:51

    Cảm ơn code này rất hữu ích vì icon hiện ra chênh ngoài màn hình tý nên khách dễ dàng tiếp cận, rất hữu ích cảm ơn bạn nhiều

  28. Lộc Phạm says: 01/07/2019 at 20:45

    Mình tin tưởng và sử dụng custom live chat facebook của bạn. mặc dù Custom Messenger của Facebook đã được tích hợp tuy nhiên nó bất lợi khi mình lại không có quyền truy cập quản trị fanpage của họ. Vì thế chỉ còn cách này thôi. hihi. Cảm ơn nhe

  29. Quân says: 28/06/2019 at 23:03

    MÌnh chèn vào thì slider rev bị mất luôn, gỡ code ra thì slide lại hiển lại

  30. CHI CONG says: 27/06/2019 at 06:24

    bài viết của bạn rất hay cung cấp cho tôi nhiêu thông hữu ích

  31. tuan says: 20/06/2019 at 11:52

    Không được anh ạ, nó chỉ hiện power by TT

    1. Tú Cao says: 26/06/2019 at 09:09

      Bạn inbox cho nick facebook fb.com/nguyencaotu mình xem và fix nhé.

  32. Thịnh says: 16/06/2019 at 10:26

    Anh Tú ơi sao bên em gắn vô rồi mà nó đòi đăng nhập, khi bấm đăng nhập thì cũng ko thành công là s ạ? Em cám ơn anh

    1. Tú Cao says: 18/06/2019 at 16:43

      Vấn đề này Tú đã hỗ trợ qua facebook, do cài đặt về phân quyền của website, chứ ko liên quan gì tới code livechat fb trên.

  33. xkldnamhai says: 12/06/2019 at 22:02

    cảm ơn a đã chia sẻ 😀

  34. nguyen chi phi says: 07/06/2019 at 15:24

    cho mình hỏi mình chèn vào rồi nó chỉ hiển chị icon nhưng hk chat được. Để chat được phải làm thế nào vậy Tú chỉ giúp.

    1. Tú Cao says: 10/06/2019 at 21:31

      Chỉ cần gắn code kia vào là đc, khi người dùng truy cập website thì họ có thể click vào đó mà chat như bt bạn nhé. Nếu ko chat đc bạn Imbox qua fb cho mình fb.com/nguyencaotu

    2. Tú Cao says: 18/06/2019 at 16:43

      Chào bạn, bạn bấm vào cái icon là có thể chat được. Không cần làm thêm gì nhé. Nếu gặp lỗi là do cái fanpage cài đặt chưa đúng.

      Inbox mình cái web, mình check online fb.com/nguyencaotu

  35. Huyền says: 06/06/2019 at 15:54

    Bạn nào không cài được các nút messenger/zalo/ gọi điện/ livechat/map/ inbox mình cài miễn phí nhé. [email protected]

    1. Tú Cao says: 10/06/2019 at 21:30

      Ya, cảm ơn bạn. Code trên cũng làm để các bạn sài miễn phí cho tiện. Chúc vui.

  36. Tiến says: 06/06/2019 at 14:12

    Chào anh, anh cho em hỏi với, cái template của em có cài uchat vậy có cách nào để xóa cái uchat rakhỏi template không ạ. Em thấy dùng facebook chat đã là khá đủ rồi

    1. Tú Cao says: 10/06/2019 at 21:29

      Bạn chỉ cần gỡ đoạn code uhchat ra là được, Sau đó cài code bên trên vào là đc bạn nhé.

  37. Ya says: 05/06/2019 at 01:09

    Mong hướng dẫn giúp mình cài đặt vào website với ạ, mình làm rồi nhưng k hiển thị, cảm ơn Tú Cao

  38. Lê Văn Trọng says: 03/06/2019 at 21:30

    mình dùng google site có thể chèn được không bạn?

    1. Tú Cao says: 04/06/2019 at 09:18

      Cái này thì website nào, nền tảng nào cũng sử dụng được nha bạn.

  39. Nguyen Huy says: 31/05/2019 at 10:30

    Đã làm đầy đủ,
    hiển thị oke.
    nhưng khi nhập text vào và gửi báo lỗi.
    thử với fb/chanhtuoi thì được.
    fb mình đã đổi tên đầy đủ.

    1. Tú Cao says: 04/06/2019 at 09:23

      Chào bạn,

      Mình cũng không rõ lắm, nhưng bạn có thể xem lại các phần cài đặt của Fanpage xem sao. Bạn thử cái fabe của chanhtuoi.com được mà fanpage bạn ko được thì chắc chắn nó nằm ở cái fanpage đó rồi.

      VD: url, hay trạng thái xuất bản.

  40. Trần cồng danh says: 28/05/2019 at 19:21

    cho mình hỏi mình chèn vào rồi nó chỉ hiển chị icon nhưng hk chat được. Để chat được phải làm thế nào vậy Tú chỉ giúp.

    1. Tú Cao says: 28/05/2019 at 21:33

      Chào bạn,

      Khả năng là do fanpage của bạn chưa đặt url (VD: VD: https://www.facebook.com/Sửa-chữa-điên-thoại-tại-vinh-nghệ-an-967357600134318/ )

      Trong trường hợp bạn làm theo hướng dẫn, nhưng khi nhấn vào nút chat nó lại không hoạt động. Nguyên nhân là do fanpage của bạn chưa đặt tên người dùng (tức chưa đặt link).

      Nếu vậy các bạn vào Fanpage của mình với tài khoản admin, sau đó vào mục Giới thiệu => Đặt tên người dùng > Chọn tên nào đó được phép => Nhấn lưu. (Xem hình bên dưới)

  41. Vượng says: 16/05/2019 at 10:40

    E chào a ạ,a có thể chỉ giúp e các chỗ đổi màu toàn bộ cái icon đc ko a? E chỉ tìm thấy chỗ khung tròn bên ngoài còn bên trong thì vẫn chưa tìm ra ạ :3

    1. Tú Cao says: 04/06/2019 at 09:16

      Chào bạn, cái icon thì không đổi được màu vì nó là ảnh :D.

  42. hoàng hải says: 13/05/2019 at 14:53

    Anh Tú Cao cho em hỏi sao em gắn vô mesenger nó ko chạy theo trang mà đứng ở vị trí cuối wed vậy anh? (www.banmefood.net)

  43. Nam says: 10/05/2019 at 15:20

    Mình chèn code vào thì bị mất hiển thị slider revolution, nó nói bị xung đột js, có cách nào xử lý được không Tú nhỉ?

    1. Tú Cao says: 10/05/2019 at 15:27

      Bạn cài vào rồi cho Tú cái link, hoặc inbox qua nick Tú nhé. Cái này mình update rồi, bị cũng hơi lạ.

      1. pham chung says: 19/07/2019 at 14:01

        đơn giản dễ dùng mà tiếc quá bị xung đột nhiều vế trang web như slider nên không thể dùng đc.:((

  44. Học tiếng Đức says: 08/05/2019 at 13:57

    Em đã làm theo cách của anh và thành công. Cho em hỏi mình đổi logo Messenger đó được không?

    1. Tú Cao says: 08/05/2019 at 15:47

      Đổi đuợc bạn nhé, bạn thay cái đoạn chỗ code loằng ngoằng base64 bằng cái link ảnh mới là được. Nhưng mà cái icon này là của fb nó là chuẩn rồi, chắc không thay cái gì trải nghiệm tốt hơn đâu.

  45. do phuong says: 26/04/2019 at 15:06

    mình gắn vẫn bị lỗi với slide bạn ơi

    1. Tú Cao says: 26/04/2019 at 16:11

      Bạn gặp lỗi gì chụp giúp mình cái hình hoặc để lại link web mình vào xem nhé. Mình vào bằng cái url bạng ắn lúc comment, thấy website chạy bt nhé.

  46. says: 22/04/2019 at 14:54

    Mình muốn cửa sổ nó hiện lên luôn chứ không phải thu gọn vào thì sửa như nào bạn nhỉ

    1. Tú Cao says: 24/04/2019 at 22:23

      Chào bạn,

      Làm vậy không ổn vì sẽ bị che nội dung của trang, ảnh hưởng xấu tới trải nghiệm người dùng.

  47. Tú Cao says: 20/04/2019 at 09:47

    Phiên bản này đã được nâng cấp và chỉnh sửa thêm 1 số đoạn code vào ngày 20/4/2019. Nếu các bạn gặp lỗi xung đột hãy làm lại, thường do các bạn gắn sai hoặc xoá nhầm code khác của Website.

    Cần thêm hỗ trợ gì, các bạn comment xuống bên dưới, hoặc có thể inbox cho Tú vào buổi tối khoảng 21h30. Chúc bạn thành công.

    1. Huy says: 25/08/2019 at 10:28

      mình có làm như cách bạn chỉ nhưng nó chỉ hiển thị nút chat chứ k đánh chữ chat được

      1. chu bo says: 07/01/2020 at 21:57

        bạn để ý phần đánh chữ là ở phần trên của khung chat, chứ phần khung cạnh nút send/gửi là không nhập được chữ vào.

  48. Khoa says: 31/01/2019 at 17:00

    Bạn ơi ! sao mình không gắng đc bạn nhỉ ???

    1. Tú Cao says: 20/04/2019 at 10:45

      Chào Khoa,
      Tú đã fix, Khoa cập nhật lại mã code là đưọc nhé.

  49. Huỳnh Tuấn says: 20/01/2019 at 22:59

    mình có làm như cách bạn chỉ nhưng nó chỉ hiển thị nút chat chứ k đánh chữ chat được và trang web cũng bị phóng to ra

    1. Tú Cao says: 20/04/2019 at 10:44

      Tú đã nâng cấp, bạn cập nhật lại mã code nhé.

  50. AEC Hotel Banme says: 17/01/2019 at 15:26

    Cảm ơn bạn Tú nhiều mình đang làm web khách sạn rất cần code này
    Chúc admin nhiều sức khỏe nhé. Thanks!

  51. Bùi Thanh Hoài says: 18/12/2018 at 13:32

    CÁM ƠN BẠN ĐÃ CHIA SẺ .

  52. Nhiên says: 24/11/2018 at 20:55

    mình coi phần preview thì thấy nó có hiển thị facebook chat thành công rồi, nhưng khi ra ngoài website thì lại không thấy hiển thị. Vậy là mình bị lỗi gì nhỉ?

    1. Tú Cao says: 12/01/2019 at 08:29

      Mình sẽ nâng cấp bản này trong thời gian tới, bạn có thể thử lại sau nhé.

  53. Hải says: 17/11/2018 at 09:53

    Mình chèn code vào thì bị mất hiển thị slider revolution, chắc là bị xung đột js, có cách nào xử lý được không Tú nhỉ?

Trả lời

Your email address will not be published.

You may use these <abbr title="HyperText Markup Language">html</abbr> tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*