Hướng dẫn cách tích hợp comment Facebook vào WordPress

0
114

Hướng dẫn cách tích hợp/chèn comment Facebook vào WordPress với Ultimate Facebook Comments – plugin sở hữu những tính năng có 1-0-2 hiện nay.

Một số tính năng nổi bật của plugin Ultimate Facebook Comments

  • Có bộ đếm bình luận để hiển thị trên post meta.
  • Có khả năng lazyload bình luận và Facebook script để không gây ảnh hưởng tới tốc độ load của website.
  • Có hệ thống thông báo qua email khi một bình luận mới được đăng tải.
  • Hỗ trợ sửa lỗi mất bình luận khi chuyển từ HTTP sang HTTPS.
  • Tích hợp công cụ quản lý bình luận Facebook.
  • Cho phép vô hiệu hóa hoàn toàn hệ thống bình luận mặc định của WordPress.

Nói tóm lại, với plugin này, bạn có thể thay thế hoàn toàn hệ thống bình luận mặc định của WordPress trong khi vẫn giữ được các tính năng cần thiết (bộ đếm, hệ thống thông báo…).

Các bước chèn Facebook Comments vào website WordPress với plugin Ultimate Facebook Comments

1. Đầu tiên, các bạn cần phải cài đặt và kích hoạt plugin Ultimate Facebook Comments

Hướng dẫn cách tích hợp comment Facebook vào WordPress (1)

2. Tiếp theo, truy cập vào link này => click nút Add a New App => điền tên ứng dụng và email của bạn rồi click nút Create App ID.

Hướng dẫn cách tích hợp comment Facebook vào WordPress (2)

Click xác nhận Google reCAPTCHA => click vào nút Submit.

Hướng dẫn cách tích hợp comment Facebook vào WordPress (3)

3. Một app mới sẽ được tạo ra. Trên sidebar bên trái, các bạn click vào Settings => Basic.

Hướng dẫn cách tích hợp comment Facebook vào WordPress (4)

4. Tại đây, các bạn sẽ phải khai báo thêm một số thông tin.

Hướng dẫn cách tích hợp comment Facebook vào WordPress (5)

Trong đó:

  • App Domains: điền tên miền website của bạn.
  • Privacy Policy URL: điền trang đến trang chính sách bảo mật của bạn.
  • Category: chọn lĩnh vực cho website của bạn.
  • Business Use: lựa chọn dùng cho bạn hay dùng cho người khác.

Click vào nút Save Changes để lưu lại.

5. Kéo xuống bên dưới, click vào nút Add Platform => chọn Website.

Hướng dẫn cách tích hợp comment Facebook vào WordPress (6)

Điền link website của bạn vào khung Site URL rồi click nút Save Changes để lưu lại.

Hướng dẫn cách tích hợp comment Facebook vào WordPress (7)

6. Click vào biểu tượng công tắc gạt (góc trên bên phải giao diện) để kích hoạt ứng dụng.

Click vào nút Confirm để xác nhận.

Hướng dẫn cách tích hợp comment Facebook vào WordPress (8)

Ứng dụng chuyển sang trạng thái Live nghĩa là bạn đã kích hoạt thành công.

7. Quay trở lại giao diện quản trị của plugin Ultimate Facebook Comments. Tại tab Main, các bạn điền App ID và App Secret được copy từ bước 4 vào các ô tương ứng.

Hướng dẫn cách tích hợp comment Facebook vào WordPress (9)

Chuyển công tắc Enable Facebook Comments sang trạng thái bật rồi click nút Save Settings.

8. Tab Settings bao gồm các thiết lập như hình bên dưới.

Hướng dẫn cách tích hợp comment Facebook vào WordPress (10)

Trong đó:

  • Number of Comments to Display: số lượng bình luận được hiển thị.
  • Sort Facebook Comments by: cách sắp xếp bình luận (mới nhất, cũ nhất, nổi bật nhất).
  • Facebook Comments Language: ngôn ngữ của khung bình luận.
  • Comments Box Color Scheme: màu sắc của khung bình luận (sáng hoặc tối).
  • Comments Box Width (px): độ rộng của khung bình luận (mặc định là 100%). Các bạn nên để mặc định.
  • Load Facebook Comments for URL: các bạn để mặc định.

9. Tab Display cho phép các bạn tùy biến khả năng hiển thị của khung bình luận.

Hướng dẫn cách tích hợp comment Facebook vào WordPress (11)

Trong đó:

  • Comments Display Method: cho phép thay thế hoàn toàn hệ thống bình luận mặc định của WordPress hoặc hiển thị ngay bên dưới phần nội dung của bài viết/ trang (vẫn duy trì hệ thống bình luận mặc định của WordPress. Chọn
  • Disable nếu bạn muốn sử dụng shortcode [ufc-fb-comments] để chỉ chèn Facebook Comments vào một số trang nhất định (không phải tất cả trang/ bài viết).
  • Comments Loading Method: lựa chọn cách load bình luận (load ngay từ đầu, chỉ load khi cuộn tới phần bình luận hoặc chỉ load khi click vào nút). Các bạn nên lựa chọn On Scroll hoặc On Click để tránh gây ảnh hưởng tới tốc độ load của website.
  • Enable Facebook Comments for: lựa chọn nơi khung bình luận được hiển thị (bài viết, trang, trang đính kèm…).
    Comments Background Color: lựa chọn màu nền cho khung bình luận.
  • Show Comment Count in Post Meta: hiển thị bộ đếm bình luận trên post meta.

10. Tab Title cho phép bạn tùy biến tiêu đề của khung bình luận. Mặc định là “Leave a Reply”. Tuy nhiên, các bạn hoàn toàn có thể tùy biến dòng chữ này theo ý muốn (nội dung, căn chỉnh vị trí, gắn thẻ HTML, màu sắc, kích cỡ, font chữ…).

Hướng dẫn cách tích hợp comment Facebook vào WordPress (12)

11. Tab GDPR giúp bạn tuân thủ các quy định của liên minh châu Âu (EU) về quyền riêng tư của người dùng.

Hướng dẫn cách tích hợp comment Facebook vào WordPress (13)

12. Tab Notification cho phép bạn kích hoạt tính năng nhận email thông báo khi có người dùng bình luận trên website, y hệt như hệ thống bình luận mặc định của WordPress.

Hướng dẫn cách tích hợp comment Facebook vào WordPress (14)

13. Others là tab cuối cùng mà bạn cần phải quan tâm.

Hướng dẫn cách tích hợp comment Facebook vào WordPress (15)

Trong đó:

  • Auto Fix HTTP to HTTPS Migration: sửa lỗi mất bình luận khi chuyển từ HTTP sang HTTTPS.
  • Show Admin Bar Moderation Tool: thêm link truy cập công cụ quản lý bình luận Facebook vào Admin Bar.
  • Disable Native WP Comment: vô hiệu hóa hệ thống bình luận mặc định của WordPress ở cả front-end và back-end.
  • Click vào nút Save Settings để lưu lại các thiết lập sau khi hoàn tất. Và đây là một ví dụ về kết quả mà bạn sẽ nhận được:

Thật tuyệt vời phải không nào? Chúc các bạn thành công!

LEAVE A REPLY

Please enter your comment!
Please enter your name here