Cách thêm tính năng bài viết yêu thích vào website WordPress

Bạn muốn tạo một nút để người đọc có thể thêm bài viết vào danh sách yêu thích của riêng họ, và xem lại các bài viết đó bất cứ khi nào họ muốn? Solution MB Favorite Posts của Meta Box sẽ giúp bạn làm điều này một cách đơn giản và nhanh chóng!

MB Favorite Posts là một trong các solution của Meta Box dành riêng cho người dùng đã mua gói lifetime của Meta Box. Solution này cung cấp đầy đủ công cụ và tính năng để tạo một nút Favorite (Yêu thích) cho phép người dùng chọn các bài viết yêu thích để lưu vào một danh sách riêng của họ. Người dùng có thể truy cập vào danh sách này để xem lại những bài mà họ đã đánh dấu là yêu thích. Solution này sẽ tự động tạo sẵn cho bạn một nút Favorite và bạn có thể tùy chỉnh nó theo ý muốn.

Trước hết, hãy cùng điểm qua những công dụng của nút Favorite nhé!

Ứng dụng của nút Favorite

Bạn có thể ứng dụng nút Favorite này trong nhiều trường hợp khác nhau. Sử dụng nút Favorite sẽ đem tới cho các bạn rất nhiều lợi ích như tăng tỷ lệ chuyển đổi, tăng lượng mua hàng, tăng tương tác, … và đặc biệt là có thể giúp trải nghiệm của người dùng tốt hơn. Ví dụ:

  • Đối với các website thương mại điện tử, khách hàng có thể lưu lại các sản phẩm họ quan tâm và ở lần quay lại sau đấy họ có thể dễ dàng tìm lại và mua.
  • Người đọc có thể lưu lại các bài viết / tài liệu / truyện / nội dung hữu ích hoặc họ đang đọc dở để xem tiếp vào các lần truy cập sau.

Trong ảnh dưới đây là một trang thương mại điện tử đã sử dụng nút Favorite (hình trái tim) để giúp khách hàng thêm các sản phẩm yêu thích.

Danh sách yêu thích giúp bạn lưu lại các sản phẩm, bài viết, tài liệu mình muốn.

Cài đặt plugin

Bây giờ, mình sẽ tạo một nút “bài viết yêu thích” lên các trang bài viết blog của mình (trang single). Khi người dùng đang đọc bài blog, nếu họ thấy nội dung hữu ích và muốn lưu lại để lần sau đọc tiếp, thì họ có thể nhấn luôn nút Favorite.

Như mình đã nói ở trên, mình sẽ dùng solution MB Favorite Posts của Meta Box. Solution này rất dễ sử dụng và có thể dùng luôn mà không cần phải cấu hình hay sử dụng một dòng lệnh nào cả. Hơn nữa, bạn có thể thiết lập các lựa chọn cho nút Favorite trên một trang Settings duy nhất một cách nhanh chóng.

Đầu tiên, bạn cần cài đặt và kích hoạt plugin Meta Box:

Plugin Meta Box giúp bạn thêm tính năng tạo danh mục yêu thích vào website của mình.

Tiếp theo, hãy vào trang My Account của bạn trên metabox.io và tải solution MB Favorite Posts. Bạn upload file .zip bạn vừa tải về lên website như cài đặt các plugin thông thường khác nhé.

Tải Solution MB Favourite Posts để tạo danh sách bài viết yêu thích.

Ngay sau khi kích hoạt solution, nút Favorite sẽ tự động được thêm vào các bài viết trên website. Bạn có thể vào một bài viết bất kỳ để kiểm tra, nút Favorite sẽ hiển thị ra như sau:

Sau khi kích hoạt, nút Favourite sẽ hiện lên dưới mỗi bài đăng.

Mặc định, nút này sẽ có tên là Add to Favorites và được hiển thị ở cuối phần nội dung của các post trên website. Bạn hoàn toàn có thể đổi tên nút này, thay đổi vị trí hiển thị của nó, yêu cầu người dùng đăng nhập để sử dụng tính năng Favorite Posts, và đặc biệt là tạo các trang để người dùng xem lại các bài viết đã thích và đăng ký tài khoản.

Thiết lập cho nút Favorite

Để thiết lập nút Favorite, hãy vào trang thiết lập của plugin: Settings > Favorite Posts.

Sửa tên của nút Favorite

Trong trang thiết lập này, bạn sẽ thấy phần Button TextButton Added Text, hãy điền tên nút mà bạn muốn hiển thị vào hai ô này:

Bạn có thể tùy ý đặt lại tên cho nút Favourite này.

Chọn vị trí hiển thị nút Favorite

Bạn có thể tùy chọn vị trí hiển thị nút Favorite ở bất kỳ đâu mà bạn muốn.

Để chọn vị trí cho nút Favorite trên trang single (trang chi tiết bài viết), bạn chọn một trong 3 lựa chọn trong phần Position ở trên trang thiết lập như sau.

Chọn vị trí bạn muốn nút Yêu thích xuất hiện trên page của mình.

Lưu ý: bạn muốn nút Favorite hiển thị với bài viết của post type nào, thì bạn chọn post type tương ứng ở phần Post Types ngay phía dưới nhé.

Chọn loại post type bạn muốn nút favorite xuất hiện.

Để hiển thị nút Favorite ở các vị trí khác trên trang bài viết hoặc một trang bất kỳ, bạn có thể dùng shortcode này: [mbfp-button].

Ví dụ, mình đã chèn nút Favorite vào sidebar của website WordPress bằng cách vào Appearance > Widgets, thêm một widget dạng Text vào Sidebar và paste đoạn shortcode vào:

Bạn hoàn toàn có thể chèn short code để hiển thi nút yêu thích tại nơi mình mong muốn.

Và đây là kết quả:

Đây là kết quả sau khi tùy chỉnh tên, vị trí nút yêu thích bài viết của mình.

Yêu cầu người dùng đăng nhập để sử dụng tính năng Favorite Post

Sau khi cài đặt, mục Enable for non-logged in users (người dùng không cần đăng nhập để sử dụng tính năng) sẽ mặc định được bật lên.

Cài đặt yêu cầu đnăg nhập để sử dụng tính năng Favorite Posts để lưu lại các bài đăng vĩnh viễn.

Nhưng nếu người dùng không đăng nhập vào website, danh sách bài viết yêu thích của họ sẽ chỉ được lưu tạm thời trong cookie của trình duyệt và sẽ bị mất khi xóa cookie. Sau một thời gian hoặc khi người dùng đã xóa cookie thì họ sẽ không thể tìm thấy các bài viết mà họ yêu thích nữa.

Để tránh việc này, cách tốt nhất là bạn cho phép người dùng tạo tài khoản và lưu danh sách yêu thích vào tài khoản của họ.

Đầu tiên, hãy bỏ chọn trong phần Enable for non-logged in users và tìm đến mục Register Page:

Bỏ chọn trong phần Enable for non-logged in users và tìm đến mục Register Page để cài đặt yêu cầu đăng nhập với ngưỡi xem.

Nếu bạn muốn sử dụng một trang đăng ký tài khoản đã có sẵn thì bạn chỉ cần để trống ô Register Page là được. Lúc này, bất kỳ ai đăng nhập tài khoản, với bất kỳ vai trò nào cũng đều có thể sử dụng nút Favorite.

Nếu bạn chưa có trang đăng ký tài khoản nào thì bạn cần tạo một trang trắng (Blank page).

Nếu chưa có trang đăng ký tài khoản, bạn cần tạo một trang trắng.

Sau đó, ở mục Register Page bạn sẽ thấy trang bạn vừa tạo nằm trong danh sách lựa chọn như sau:

Trang trắng vừa tạo sẽ hiển thị trong mục Register Page.

Bạn chỉ cần chọn trang bạn vừa tạo và nhấn Save Settings. MB Favorite Posts sẽ tự động thêm các trường thông tin vào trang đăng ký này với form như sau:

Nhấn Save Settings, MB Favorite Posts sẽ tự động tạo một form đăng ký tài khoản.

Bạn có thể dùng CSS để style lại form này cho đẹp mắt và vừa ý nhé!

Khi người dùng đăng ký tài khoản bằng trang đăng ký mới này, User Role của họ được mặc định đặt là Subscriber.

Thiết lập Dashboard Page

Dashboard Page là trang để người dùng xem lại danh sách các bài viết yêu thích của họ. Bạn có thể chọn một trang bất kỳ làm trang Dashboard Page. Khi người dùng chọn bài viết nào đó là Favorite, thì bài viết đó sẽ được hiển thị trong trang Dashboard này.

Ở đây, mình tạo một trang là Favorite Posts và chọn trang này làm trang Dashboard ở mục Dashboard Page trong trang thiết lập của MB Favorite Posts.

Thiết lập Dashboard Page để người dùng có thể xem lại danh mục Yêu thích của mình.

Lưu ý: Ngay cả khi bạn lựa chọn không cần đăng nhập vẫn dùng được tính năng này thì bạn vẫn cần chọn Dashboard Page là một trang nào đó để người dùng có một nơi để xem lại danh sách các bài viết yêu thích.

Cuối cùng, bạn cần hiển thị trang Favorite Posts này lên website để người dùng có thể dễ dàng tìm đến. Mình đặt ví dụ ở trên menu nhé.

Cài đặt vị trí danh mục Yêu thích trên website phù hợp để người xem dễ dàng tìm thấy.

Khi vào trang Favorite Posts này, bạn sẽ thấy danh sách các bài viết yêu thích được hiển thị ra như sau:

Danh mục yêu thích đã hiển thị các bài viết mình thêm vào.

Video

Meta Box có video hướng dẫn thao tác chi tiết bằng tiếng Anh ở đây, các bạn có thể xem để hiểu chi tiết hơn nhé.

Lời cuối

Bạn thấy đấy, solution MB Favorite Posts của Meta Box cung cấp đầy đủ công cụ để bạn thêm tính năng Favorite Post cho website của bạn. Ngay cả trang đăng ký tài khoản cho người dùng cũng được tích hợp sẵn cho bạn luôn. Mọi thứ trở nên rất đơn giản với solution này đúng không?

Ngoài MB Favorite Posts, Meta Box team còn có các solution khác như là MB TestimonialsMB User Avatar cùng với cách làm tương tự. Tất cả các solution này đều hướng tới việc giúp chủ website chỉ cần thao tác đơn giản với vài cú click chuột là có thể tạo thêm các tính năng hay ho cho website của họ. Bạn tham khảo thêm các công cụ này cho website của bạn tại đây nhé. Nhưng lưu ý là bạn chỉ sở hữu các solution này khi bạn đã mua gói Lifetime của Meta Box thôi nha.

Chúc các bạn có một website đầy đủ tính năng và ưng ý!

Để lại bình luận

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *