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í.
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 Chanhtuoi
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)
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
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
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.
 của Facebook vào Website){kind=link}
Chào bạn, mình làm đúng như hướng dẫn nhưng không hiển thị cái gì lên luôn bạn xem giúp mình được không
http://kidwatch.vn
Bạn cho nó vào sau thẻ
đoạn đầu tiên hoặcbị xung đột với cái gì đó trong web rồi. làm lại nhé.
Sao em làm mà nó hiển thị bảng trống không có gì hết em sử dụng Blogspot
Trường hợp của bạn ko biết giống mình ko ,bạn thử chỉnh sửa đường dẫn tới fanpage trong đoạn code copy đó xem sao
tìm tới từ khóa này class=”ctrlq fb-close”><div class="fb-page" data-href="https:
Đoạn code rất hay! Tôi đã làm thành công cho website chia sẽ coupon của tôi : http://sakycoupon.com/
Rất cám ơn Tú Cao.
Chúc nhiều sức khỏe!
Mình làm theo hướng dẫn mà khi click vào thì lại lên khung trắng thôi. Mong giúp đỡ.
Chào bạn,
Do bạn bị đụng với jquery của web. bạn chèn đoạn mã trên vào
Trong đoạn code bạn chỉnh lại Url fanpage là được
Em sử dụng plugin chat mới của fb để viết plugin chat trên wordpress, giờ em đặt nút chat ở trang chi tiết sản phẩm, khi người dùng click vào sẽ mở nút chat ở góc lên, cho em hỏi là có làm được như vậy không anh, và hướng làm như nào ạ. em cảm ơn
facebook.new2new.com/product/ninja-silhouette-2/
Em đặt đoạn code này ở trang nào thì nó hiển thị ở trang đó.
Website có Home, 404, Page, Post nếu cài thêm plugin sẽ có thêm các trang tương ứng. Nếu muốn tất cả đều hiện hãy gắn vào header.php
https://facebook.new2new.com/product/ninja-silhouette-2/
anh xem cái link trên, ý em muốn hỏi là nếu mình click vào button chat now, thì nó sẽ gọi xuống cái nút chat góc phải, bật chat lên ấy, cái đó giống như nút chat ngay trên shopee ấy, thì trên messenger em có thể làm được vậy không?
Bản này ko phải là bản chat ngay trên website. Bản chat ngay trên website chờ 1 thời gian nữa, hoặc làm theo hướng dẫn của facebook.
Bạn ơi, mình muốn tích hợp messenger trên website giống website của bạn ạ, vậy mình làm như thế nào ạ, mình đã coppy đoạn code trên thì lại lên khung trắng thui ạ. Mong bạn giúp mình. Thanks bạn ạ
Phần mềm này mới này, không biết giá bao nhiêu 1 năm hả bạn.
Của mình hiện form chat nhưng bắt login mình bấm login nó bật popup nhưng không thấy thay đổi gì?
http://thucphamphuclam.vn/
sao mình làm mà có trang có trang không nhỉ
Nhìn cái icon có số 1 tưởng là có thể nhận được tin nhắn phản hồi sau khi đã gửi tin đi chứ?
mình muốn hiển thị live chát trên phiên bản dành cho di động thì làm thế nào vậy bạn?
mình có dùng plugin WPtouch Mobile Plugin
Bài viết rất hay, cảm ơn tác giả
Anh ơi em muốn cho nó tự bật lên khi vào web thì làm thế nào ạ?
Hi Add, em làm đúng như hướng dẫn, khi hiển thị lên website thiếu nút gửi ạ, add giúp em với
Thanks Tú.
ở cửa sổ chat, mỗi lần nhấn nút Send để gửi tnhan, muốn gửi tin tiếp phải click vào nút Send Another. mình muốn gửi xong, có thể gửi tiếp ( ko cần click lại nút Send Another) thì như sao bạn?
Thanks!
Xin chào mình làm như hướng dẫn nhưng sao nó không giống của Chanh tươi vậy bạn
https://vyteaqn.blogspot.com/
cám ơn bạn nhiều
Hi bạn mình bị trắng xóa không làm được gì hết. Nhờ bạn xem lỗi giúp ạ.
http://demo.nbkdesign.vn/
Hi Ad,
Xem giúp mình làm giống bạn sao hiện lên khung trắng vậy.
https://homede.vn/
Dạo quanh mấy bài viết liên quan đến chủ đề này thì chỉ thấy có admin Tú chỉ ra được ưu điểm – nhược điểm của App FB. Cảm ơn nhiều nhé!
Chào Anh Tú
Em làm theo hướng dẫn mà vẫn không được. A xem giúp e, website e là: https://isuzuthanglong.net/
cảm ơn anh
Chào anh. Bài viết của anh rất hay. Cho em hỏi nếu muốn khắc phục lỗi nhược điểm để người dùng chat tại web thì phải làm sao ạ. Vì em thấy co nhiều trang web làm được
Cám ơn bạn vì đã chia sẻ một công cụ thật sự hữu ích cho mọi người. Và mong rằng sau này sẽ có nhiều nâng cấp tốt hơn nữa
Mình đã cài đặt trên blog của mình thành công: https://tameovat.com/cach-giam-can-hieu-qua-voi-tra-giam-can-vytea/
b ơi sao mình làm theo bước ở trên nhưng hiện tại web mình không show dc chat box với icon nhỉ, bxem giúp mình site với: http://beta.4lap.vn/
mình cám ơn trước
em cứ cài vào wordpress nó lại làm hỏng mất cái revution của em có cách nào khắc phục ko ạ
https://i.imgur.com/wQVCW78.png
Mình làm trình duyệt vẫn yêu cẩu đăng nhập !
http://giaydantuongcatlinh.com
Xem giúp mình nhé !
Chào bạn,
Facebook thì cần phải login mới gửi được, plugin nào cũng vậy bạn nhé. Xem kỹ cái mình mô tả ở trên nhé.
Firefox bị lỗi bác ơi
Hi Bác Tú,
Cảm ơn bài viết của bác, em thì dốt code lắm em dùng plugin của một thằng hỗ trợ chat luôn,đang tập làm shop bán hàng nek.
Sẵn tiện bác cho em hỏi luôn. Bác xem giúp em cái site (em để trong thông tin ấy) lúc em cái plugin woocommerce là nó lỗi, nó sinh ra chuỗi ký tự này “?v=e14da64a5617” mà em tắt cái plugin đó là nó k có những ký tự đó. Bác giúp em cho nó biến mất được không ạ. Em chả hiểu bị gì. hi
Chào bạn,
Nếu link có dấu ? ở sau thì kệ nó, google sẽ tự loại bỏ. Kệ nó không có vấn đề gì cả nhé.
mình muốn đổi ngôn ngữ trên nút chat ở website thì làm ntn. của mình hiện tiếng Anh
Chào Bác TÚ,
Mình hỏi sao chỉ mỗi trình duyệt Chrome trên PC mới dùng được cái live chat này,
tại sao cách trình duyệt khác như firefox thì nhấn vào nút ms chỉ hiện lên popup trắng xóa
Chào bạn.
Mình đã test trên chrome, firefox đều sử dụng bình thường.
a ơi, e làm trên chrome theo các bước vậy, nhưng vẫn không thấy khung chat xuất hiện thị khi f5 lại web ạ.
Có cách nào để tương tác trực tiếp không Tú Cao nhỉ? Mình muốn khách hàng có thể nói truyện trực tiếp luôn trên widget ở website của mình. Cái này có hạn chế là khách hàng phải vào facebook thì mới tương tác tiếp được.
Chào bạn,
Không có cách nào cả, đã dùng facebook messenger thì phải có tài khoản. Muốn khách chat trực tiếp thì nên dùng các công cụ khác, ví dụ như tawk.to Tú có viết 1 bài phân tích và có các công cụ về LiveChat, bạn xem ở đây nhé https://nguyencaotu.com/giai-phap-live-chat-ho-tro-truc-tuyen-mien-phi.html
Mình muốn hiển thị nút đóng box chat. Bạn có thể giúp mình được k
Chào bạn, tức là cái biểu tượng tròn kia bạn muốn tắt cả nó đi?
Thank bác. đúng cái đang cần
hi, mình làm mà page thông báo “Không thể kết nối với website để kiểm tra lỗi fatal, vì vậy các thay đổi PHP đã được hoàn tác. Bạn sẽ cần tải file PHP được cập nhật thông qua cách thức khác, ví dụ như sử dụng sFTP.”
Như vậy mình phải làm sao đây?
Chào anh
Cho mình hỏi mình không muốn hiển thị trên mobile thì làm sao. Tks anh
không làm được
Sao mình không thấy hiện trên điện thoại nhỉ.
Hi Sao web mình bị sung đọt với visual thì phải làm sao
https://doortodoorviet.com
Cảm ơn anh Tú về bài viết,
Mình góp ý thêm 1 cách đơn giản hơn để chèn live chat cho website và tracking được người dùng, đó là công cụ “Customer chat” trong harafunnel.com
Anh cho em hỏi em muốn sửa css cho class=”_2p5m” thì thao tác ở đâu ạ?
Khi mình dán code thì đã chát được nhưng Facebook trên web của mình bị vỡ tỷ lệ. Không còn đúng như ban đầu nữa. Mong ad hỗ trợ
Chào anh Tú, cám ơn bài chia sẻ của anh, em đã gắn code vào website wordpress, đã thấy hiện icon messenger trên màn hình, nhưng khi em bấm vào chat không được anh ạ, nó chỉ bảo “Powered by Chanhtuoi”, hi vọng được anh giải đáp
Tích hợp vào có làm chậm website không, minh thấy rất hữu ích vì tác giả đã chia sẻ. Website lớn không tích hợp sợ chậm.
Chào bạn,
Thực ra nó load, nhưng không chậm hơn là bao. Nếu bạn thấy cần thiết, bạn có thể cài.
rất hay bạn ơi, nhưng làm sao khi vào web nó auto bật lên nhỉ?
Mình làm y chan ho ra, ko biết lý do ji
Không lấy được đoạn mã làm như link bị chết rồi bạn à
Mong giúp đở
Zalo 0902830950
Minh làm ok mà sao trên mobi không thấy nút line chat nhỉ
Hỗ trợ mình với
Mình chèn vào thì bị lỗi cái silde trang chủ bạn ơi
Có lẽ nó không còn hoạt động phải không ạ ??
Mình tích hợp vào website thì một số hiệu ứng slide sản phẩm và map bị lỗi. Nhờ ad fix dùm ạ
Cho link vào không thấy hiện code là sao bạn
Sao sau khi bấm tạo nút không thấy code gì vậy.
Chát thì Ok mà bị lỗi khi kết hợp với Woocommecre. Lỗi xảy ra ở trang giỏ hàng, khi xóa hoặc cập nhật số lượng sản phẩm =>> bị xoay mãi không cập nhật được. Hy vọng bạn có cách khắc phục lỗi này, cám ơn!