Hướng dẫn tích hợp Facebook Chat vào blog/ website WordPress.
Không thể phủ nhận được rằng Facebook đang có sự ảnh hưởng ngày càng lớn đối với nền thương mại điện tử trên thế giới nói chung và tại Việt Nam nói riêng. Ngày nay, hầu như tất cả mọi người dùng internet đều sở hữu cho mình tài khoản Facebook, đặc biệt là những người trẻ tuổi. Rất nhiều doanh nghiệp, cá nhân cũng nhờ đó mà tìm kiếm được khách hàng thông qua mạng xã hội này. Nếu bạn cũng đang kinh doanh online thì việc tích hợp Facebook Chat (Facebook Messenger) vào website của mình để tăng cường khả năng tương tác với khách hàng là một ý tưởng không thể tuyệt vời hơn.
Tham khảo thêm:
Tích hợp Facebook Chat (Facebook Messenger) vào WordPress
1. Đầu tiên, các bạn cần phải cài đặt và kích hoạt plugin WP Facebook Messenger.
2. Truy cập vào Settings => Facebook Messenger và thiết lập các thông số cần thiết cho plugin:
Trong đó, cần lưu ý các thông số sau:
- Your Facebook Fan Page URL: địa chỉ fanpage trên Facebook của bạn.
- Custom text for button: tùy biến dòng chữ của nút Messenger trong giao diện WooCommerce.
- Upload icon or image: lựa chọn icon hoặc hình ảnh cho nút Messenger.
- Main Color: lựa chọn màu sắc cho nút Messenger.
- Custom text for open Messenger app button: tùy biến dòng chữ của nút mở ứng dụng Messenger.
- Language: lựa chọn ngôn ngữ cho giao diện Messenger.
- Display: các tùy chọn hiển thị (Display all pages but except – hiển thị ở tất cả các trang, ngoại trừ những trang bạn chọn ở bên dưới; Display for page… – hiển thị trong trang do bạn chọn ở bên dưới).
Những mục khác các bạn không cần phải quan tâm bởi vì chúng chỉ dành cho bản PRO (trả phí).
Click nút Save để lưu lại sau khi hoàn tất.
3. Và đây là thành quả mà bạn sẽ đạt được:
Biểu tượng có thể được kéo thả vào bất cứ vị trí nào trên các cạnh trái và phải của giao diện. Khi click vào nó, một cửa sổ Messenger sẽ tự động bật ra, cho phép người dùng gửi tin nhắn vào fanpage của bạn:
4. Nếu bạn sử dụng WooCommerce để tạo shop bán hàng trực tuyến, một nút Messenger sẽ tự động được thêm vào giao diện giúp khách hàng liên hệ nhanh chóng hơn:
5. Nếu bạn muốn chèn thêm nút Messenger vào sidebar hoặc footer, hãy sử dụng widget có tên là Facebook Messenger:
Và kết quả sẽ trông giống như thế này.
Thật tuyệt vời phải không nào? Chúc các bạn thành công!
Ngoài ra, còn một số plugin hữu ích khác mà bạn có thể sử dụng để tích hợp Facebook Chat vào blog/ website, chẳng hạn như Facebook Customer Chat hay Facebook Messenger Live Chat.
Bạn có đang tích hợp Facebook Chat vào blog/ website của mình? Bạn sử dụng giải pháp nào để làm điều đó? Hãy chia sẻ nó với chúng tôi trong khung bình luận bên dưới.
Nếu bạn thích bài viết này, hãy subscribe blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất qua email nhé. Cảm ơn rất nhiều. :)
Vừa cài xong, thấy cũng khá ổn.
bạn cho mình hỏi thế khi mình cài xong người dùng vào blog, WordPress bằng điện thoại IOS và ADROID thì có gì khác nhau và lưu ý hay không vậy
Giao diện trên điện thoại và trên máy tính hoàn toàn giống nhau bạn nhé. :P
Cái này mà giúp độc giả like fanfage nữa thì tuyệt.
Chủ yếu dành cho bán hàng thôi, chứ blog bỏ cái này vào không hợp lắm
Web kinh doanh thì nên thêm vào để hỗ trợ khách hàng tốt hơn. :)
Sao bình luận nó không lưu thông tin lại nhỉ. Mỗi lần bình luận lại nhập info khổ ghê
Có khả năng là do LiteSpeed Cache hoặc Memcached. Mình cũng chưa rõ nguyên nhân. :)
Hiếu có biết tạo trang chờ chuyển hướng cho wp ko?
Thử plugin Tm – WordPress Redirection xem. :D
Cái này ngon, bửa giờ mò code muốn xì khói. Riết thấy mình ngu, xài wordpress có bao nhiêu plugin mà ko nghĩ ra.
Hỏi ngoài lề tí, bác hiếu hướng dẫn một chút làm sao để chuyển hướng sang tên miền mới mà có giao thức https.
Ví dụ https://ebooksvn.com sang https://wpcanban.com làm hoài mà chả được :P
Bạn dùng code:
#Options +FollowSymLinksRewriteEngine on
RewriteRule ^(.*)$ https://wpcanban.com/$1 [R=301,L]
Thank bác do mình tùy chỉnh chuyển hướng trên cùng một IP nên hơi phức tạp :P
Mình cũng dùng code kia để chuyển hướng 2 domain nằm trên cùng 1 host. :P
Sau khi cập nhật lại tất cả các liên kết mới thì mình có nên xóa cái domain và toàn bộ dữ liệu cũ được không bác :P
Nếu duy trì được thì cứ nên duy trì. :P
cài vào liệu có làm web load chậm hơn không bạn?
Hỏi cái này có vẻ hơi thừa đấy bạn. :) Nó phải load thêm cả cái form của Facebook + một số js và css của plugin thì bạn nghĩ nó có nặng hơn không? :P
Bác làm nổi bật phần liên hệ, trong đó có để đủ thông tin như SĐT, link facebook thì nhẹ hơn rồi :v
cảm ơn bài viết rất hữu ích
có cách nào chỉ cho nó hiện trên giao diện Desktop thôi, và loại bỏ nó trên giao diện Mobile được không a Hiếu. vì trên Mobile nó lại bắt người dùng đăng nhập Facebook bằng trình duyệt chứ nó không dùng ứng dụng Facebook ở ngoài, như thế khá bất tiện.
sao mình làm như bạn mãi xmaf không có được, bạn có thể xem qua website của mình xem làm cách nào ko bạn
Blogspot làm được không anh
BlogSpot chắc phải chèn thủ công bạn ạ. Plugin chỉ dùng cho WordPress thôi. :)
bạn có thể hướng dẫn cho mình cách chèn thủ công vào blogspot không?
Mình không rành BlogSpot bạn nhé. :P
Càng ngày càng đa dạng bác nhỉ. Nay muốn cái gì cũng có plugin hỗ trợ. WordPress đúng là rộng thật, bát ngát kiến thức để tìm hiểu.
Không bao giờ thiếu ý tưởng để viết bài trong lĩnh vực thủ thuật WordPress. :)
Cho mình hỏi Free thế có hạn chế số lượng chát trên tháng ko?
Không hạn chế bạn nhé. :P
Rất tuyệt Hiếu ơi, một giải pháp thay thế vchat đây,.
Site WooCommerce nó tự thêm 1 nút nữa gần nút đặt hàng nhìn rối quá, mà ko có cách nào xóa được trừ khi up Pro :(
Dùng CSS để chỉnh và tách nó ra. :P Hoặc tham khảo plugin Facebook Messenger Live Chat. Mình thấy nó cũng khá hay. :)
trong Settings nó có cho bật tắt đó bạn
Tôi đã cài như hướng dẫn nhưng kích vào icon lại trắng tinh bạn có thể giúp đỡ tôi không?
Link website của bạn là gì nhỉ? :P
hiện tại mình đang dùng link
fb:https://www.facebook.com/xuongbanghegiagoc/
web: dogodonganh.com
Mong được bạn giúp đỡ. Cả mục fanpage mình làm cũng lỗi như pluin
fan page bạn đang ở chế độ ẩn nên nó ko hiện, bạn bật nó lên là được
mình thấy dùng cái này ổn
Nhiều plugin quá không biết cái nào tốt
Trong tất cả plugin Messenger thì con này là đỉnh quá rồi, nếu thích giao diện kiểu cổ điển thì dùng con này https://wordpress.org/plugins/fb-live-chat/
dạ chào anh. Cho em hỏi em cài xong nhưng có hiện ra icon, nhưng nhấp vào thì không chat được. Rất hi vọng nhận được sự hỗ trợ từ anh. Web của e là ketoanhanhphuc.com
Mình vào site của bạn không thấy cái icon nó nằm ở chỗ nào thì làm sao check lỗi được bạn? :P
dạ phiền anh gỡ dùm e cái link ở bình luận trên xuống dùm em. Hôm trước e cmt lỡ để link ở đó. Em cảm ơn anh
cái này phải tại về máy rồi up lên hả a, search trong cài đặt mời theo keyword ko có plugin này.
Ủa. Mình search vẫn thấy bình thường mà ta. Bạn không thấy thì có thể download theo link về rồi upload cũng được. Hoặc thử plugin Facebook Messenger Live Chat. :P
Cái này dùng tiện lợi, thích hơn chèn mã Skype rồi! Phải công nhận, anh Hiếu có nhiều plugin hay thật. Ngồi ngâm mấy ngày hôm nay!
Xin ad cái hướng dẫn tích hợp facbook chat vào wed google site
Cái này mình chịu bạn ạ. BlogSpot thì còn có chứ Google Site thì bó tay.
Không biết cái chữ Send me a message có biến sang tiếng việt được không nhỉ?
Bạn cài plugin Loco Translate vào và dịch thử xem sao. :)
Em đã thực hành cho http://azships.com/ hiệu quả tuyệt vời nhé!
Hình như FB đã bỏ cái your id rồi anh Hiếu. Anh sửa lại đoạn đó đi.
Để đấy cho mọi người có cái mà đọc bình luận. =))
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
Bạn vào WooCommerce => Settings => General => mục Default customer location chọn Geolocate nhé. :P
Yêu luôn! Ok rồi . Cảm ơn rất nhiều.
Bác cho mình hỏi có plugin nào mà chia sẻ mạng xã hội để nhận thêm khuyến mãi không ạ (đã cài thử thằng này, nhưng không điều chỉnh được: YITH WooCommerce Share For Discounts)
Với lại woo không hỗ trợ hủy đơn hàng bác nhỉ, bác biết chỉ em với nhé.
Cảm ơn rất nhiều.
Cái plugin kia thì mình không rõ vì mình chưa dùng bao giờ. Còn vấn đề hủy đơn hàng trong WooCommerce thì bạn có thể sử dụng plugin WC Cancel Order.
Yêu tập 2 luôn. cảm ơn nhiều nhé.
Cho mình hỏi cái này sử dụng facebook cá nhân được không???
Không bạn ạ. Chỉ dùng cho Page thôi.
Cám ơn bài viết của bạn. Mình có thể thay đổi text “send me a message” bằng câu ví dụ như “bạn muốn hỗ trợ?” được không ạ. Hay là chỉ có thể giữ nguyên “send me a message” và để tự động dịch ra ngôn ngữ tiếng Việt thành “gửi cho tôi 1 tin nhắn” ạ?
Bạn tham khảo bài viết “Tích hợp Facebook Chat cho website không cần dùng plugin” nhé. Có tiếng Việt đấy.
Bạn ơi mình cũng làm như hướng dẫn bên trên nhưng với trang Facebook của mình thì khi click vào không hiển thị ra phần để nhắn tin. Nhập một trang facebook khác thì hiển thị được. Bạn có thể chỉ mình sửa lỗi cài đặt trang FB ko?
http://xubitcoin.com/
Cám ơn bạn nhiều!
Bạn thử làm theo hướng dẫn trong bài viết “Tích hợp Facebook Chat cho website không cần dùng plugin” xem sao.
Cám ơn bạn
Mình cũng làm như vậy cho trang https://sondandung.com sao không được bạn nhỉ? Giúp mình với. Bạn có thể chỉ kỹ hơn không? Mình cũng muốn làm cho trang https://dodongtruongphat.com nữa.
Hướng dẫn như vậy là quá chi tiết rồi bạn. Bạn có muốn hướng dẫn thế nào nữa? Nếu chèn thủ công không được thì thử dùng plugin Live Chat with Facebook Messenger xem sao.
Cảm ơn bạn nhiều nhé. Mình đã làm được rồi.
Mình đang dùng link https://mavangcaocap.com/ bạn giúp mình với, có thể hướng dẫn kỹ hơn giúp mình được không?
Mình cũng muốn làm thêm cho trang https://dodongtruongphat.com nữa.
Very good
Cho nút Send me a message xuống phía dưới Add to cart kiểu gì bản ơi. Có cách nào ko cần mua bản pro ko.
Cái này mình chịu nha. Lười mở plugin ra mò code lắm. :P