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í.
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)
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.
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
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.
Xây dựng Website chuẩn SEO với On-Site SEO Checklist
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
Mình thấy bạn chỉnh đẹp rồi mà :D.
(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)})})}});
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é.
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)})})}});
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é.
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:
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é.
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ú?
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.
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
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.
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
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.
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.
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 ạ
Mình làm đươc rồi cảm ơn bạn
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
Bạn gắn code vào đi, hoặc sau inbox mình kiểm tra cho fb.com/nguyencaotu
Mình làm được rồi nha, cảm ơn bạn
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ỉ?
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.
Mình làm được rồi nha, cảm ơn bạn
Khi website có slider revolution , khi cài đoạn code của ad thì không còn hiện slider nữa @@
Tuyệt vời! Cảm ơn admin nhé
SĐT fb mình tiện giao lưu anh em 0989568237
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?
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ì.
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é
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é.
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é
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.
Cám ơn rất nhiều
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.
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
Bạn thêm cái này vào sau thẻ
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
Cảm ơn bài viết quá. Mà fb chat cảm giác ko đẹp lắm
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?
mình đã sử dụng trên web rồi và tiếp cận với khách hàng nhanh hơn
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
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
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
bài viết của bạn rất hay cung cấp cho tôi nhiêu thông hữu ích
Không được anh ạ, nó chỉ hiện power by TT
Bạn inbox cho nick facebook fb.com/nguyencaotu mình xem và fix nhé.
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
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.
cảm ơn a đã chia sẻ 😀
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.
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
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
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é. huyendang304@gmail.com
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.
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
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é.
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
mình dùng google site có thể chèn được không bạn?
Cái này thì website nào, nền tảng nào cũng sử dụng được nha bạn.
Đã 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 đủ.
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.
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.
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)
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
Chào bạn, cái icon thì không đổi được màu vì nó là ảnh :D.
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)
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ỉ?
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ạ.
đơ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.:((
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?
Đổ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.
mình gắn vẫn bị lỗi với slide bạn ơi
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é.
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ỉ
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.
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.
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
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.
Bạn ơi ! sao mình không gắng đc bạn nhỉ ???
Chào Khoa,
Tú đã fix, Khoa cập nhật lại mã code là đưọc nhé.
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
Tú đã nâng cấp, bạn cập nhật lại mã code nhé.
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!
CÁM ƠN BẠN ĐÃ CHIA SẺ .
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ỉ?
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é.
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ỉ?