Hướng dẫn tích hợp Live Chat Facebook vào WordPress

Hướng dẫn tích hợp Live Chat Facebook vào WordPress

Với nhu cầu bán hàng tăng cao, người dùng thường sẽ lựa chọn các Woocommerce Theme cho website WordPress của mình. Bên cạnh đó, có một tính năng không thể thiếu là Live Chat Facebook đang được quan tâm rất nhiều.

Trong nội dung của bài viết này, mình sẽ hướng dẫn các bạn tích hợp khung Live Chat Facebook vào WordPress bằng hai phương pháp: thủ công và sử dụng plugin.

Xem thêm:

Tích hợp Live Chat Facebook

Hiện nay có nhiều dịch vụ chat rất chuyên nghiệp nhưng thông thường các website sẽ sử dụng tính năng Live Chat của Facebook. Vậy thì tại sao?

Ưu điểm:

  • Hoàn toàn miễn phí.
  • Giao diện đẹp, gọn nhẹ, hỗ trợ Tiếng Việt.
  • Tăng Like và tương tác cho Fanpage.
  • Dễ dàng quản lý người dùng.
  • Đa số người dùng đều có tài khoản Facebook.
  • Quảng bá sản phẩm, thương hiệu tốt hơn.

Nhược điểm:

  • Yêu cầu người dùng có tài khoản Facebook.
  • Có thể làm chậm trang nếu server của Facebook bị lag.

Như vậy bạn cũng có thể thấy được những lợi ích nếu tích hợp thêm Live Chat Facebook vào website. Nào cùng thêm nhé!!!

Bước 1: Lấy ID của Fanpage

Bạn truy cập vào Fanpage chọn tab Giới thiệu, kéo xuống dưới phần Thông tin trang sẽ có mục ID Trang. Hãy copy dãy số này để sử dụng cho bước kế tiếp.

Sao chép Page ID

Ngoài ra, bạn có thể sử dụng công cụ Find your Facebook ID để xem nhanh ID của trang. Cách nào cũng được miễn là bạn thấy tiện.

Bước 2: Lấy ID của ứng dụng (App ID)

Tiếp theo bạn cần lấy App ID trong Facebook for Developers, nếu bạn chưa tạo ứng dụng nào thì có thể tham khảo bài chèn Facebook Comment vào WordPress để biết chi tiết.

Nếu bạn đã tạo ứng dụng rồi thì hãy truy cập vào đây và sao chép App ID cho bước sau. Hãy nhìn vào hình bên dưới.

Lấy App ID của Facebook

Bước 3: Cấu hình nển tảng Messenger

Tiếp theo, bạn truy cập vào Fanpage chọn Cài đặt > Nền tảng Messenger

Cài đặt nền tảng Messenger

Tại mục Ứng dụng đã đăng ký, bạn thêm App ID lấy từ bước 2 và nhấn vào Link

Đăng ký ứng dụng Facebook

Tại mục Whitelisted Domains bạn thêm tên miền của bạn vào và cuối cùng nhấn Save để hoàn tất.

Cài đặt Whitelisted Domains

Bước 4: Chèn Khung Live Chat Facebook

Sau khi đã hoàn thành 3 bước phía trên bạn Dashboard > Appearance > Editor và chọn chỉnh sửa header.php.

Sau đó dán đoạn mã bên dưới phía dưới thẻ <body> và nhấn Update File để lưu lại.

Cuối cùng bạn F5 lại trang WordPress của mình xem đã chèn Live Chat Facebook thành công hay chưa nhé.

Chèn Live Chat Facebook với Plugin

Nếu bạn cảm thấy những bước bên trên quá rườm rà thì có thể sử dụng plugin WP Facebook Messenger của Ninja Team. Sau khi dùng nhiều plugin khác nhau thì mình thấy plugin khá là OK.

Sau khi tìm và cài đặt plugin này bạn vào Setting > Facebook Messenger để thiết lập các thông số như:

  • Your Facebook Fan Page URL: Điền địa chỉ Fanpage của bạn. VD: https://www.facebook.com/namngoblog.
  • Custom text for button: Tùy chỉnh Text cho nút (dùng cho WooCommerce).
  • Language: Chọn Vietnamese.
  • Display: Những nơi bạn muốn hiển thị.
  • Các setting còn lại không thể chỉnh sửa vì đây là bản Free.

Cấu hình plugin WP Facebook Messenger

Ngoài ra bạn có thể tham khảo các plugin có chức năng tương tự như:

Như vậy thì bạn cũng đã biết được cách để tích hợp Live Chat Facebook vào WordPress rồi nhỉ. Bạn có thể sử dùng một trong 2 cách trên nếu cảm thấy phù hợp.

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

Hướng dẫn tích hợp Live Chat Facebook vào WordPress
5 (1 vote)

3
Để lại một bình luận

avatar
700
3 Comment threads
0 Thread replies
3 Followers
 
Most reacted comment
Hottest comment thread
3 Comment authors
biz EventNam Nguyễnthịnh Recent comment authors
thịnh
Khách

xin cảm ơn anh nhiều

Nam Nguyễn
Khách

Thank anh. Bài viết rất chi tiết

biz Event
Khách

có 1 phần mềm chat facebook tốt hơn loại chat này, mình có tham khảo được 1 số website. Tuy nhiên mình hỏi thì 1 số bạn không làm sao cài được nút chát ấy. Hi vọng bạn có thể giúp mình ạ.Vì web mình hiện nút chát trên máy tính được nhưng ko hiện thị trên di động.

Đăng kí BẢN TIN

Đăng kí BẢN TIN

Đăng kí bản tin to cập nhật bài viết nhanh nhất and receive the following phần quà hấp dẫn từ Nam Ngô Blog.

Bạn đã đăng kí thành công!