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:
- Mời tất cả bạn bè like fanpage trên Facebook
- Tích hợp Facebook Like Reactions vào WordPress
- Sử dụng Facebook Ads để kiếm tiền với Google AdSense?
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 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!
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
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. :)
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