Filter Product by Rating in WooCommerce

The Dynamic AJAX Product Filters plugin allows you to filter products by customer ratings in WooCommerce. Here’s a step-by-step guide to setting up rating filters, including customization options for the rating widget.

Step 1: Collect Customer Reviews

  1. Encourage Customer Reviews:
    • Before setting up the rating filter, make sure to collect reviews from customers. You can encourage them through email follow-ups, incentives, or reminders after purchase.
  2. Ensure Ratings are Visible:
    • Verify that customer ratings are displayed on your product pages, as this will allow the rating filter to function properly.

Step 2: Manage Rating in the Filter Widget Form

  1. Access Filter Settings:
    • Go to Product Filters > Form Manage in your WordPress dashboard.
  2. Show Rating:
    • In the settings, find the Show Rating option.
    • Toggle this option on or off to control whether the rating filter appears in the widget.
Screenshot 26

Step 3: Style/Design/Customize the Rating Widget

  1. Access Form Style Settings:
    • Go to Product Filters > Form Style in your WordPress dashboard.
  2. Select Rating from Dropdown:
    • From the Select Attribute dropdown menu, choose Rating.
  3. Choose Rating Style Options:
    • Select one of the style options:
      • Rating Star
      • Rating Text
      • Dynamic Rating
    • Each option provides a different way for users to interact with the rating filter.
  4. Select Suboptions:
    • Based on the style option you choose, configure the suboptions (Rating Star, Rating Text, Dynamic Rating) to customize the appearance and functionality of the rating widget.

Optional Settings

The Optional Settings section allows you to control the appearance, behavior, and ordering of individual filter widgets.

Enable Minimization Option

Controls whether the filter widget can be collapsed.

  • Disabled – Filter always stays expanded
  • Enabled with Arrow – Toggle using an arrow icon
  • Enabled without Arrow – Toggle without showing an icon
  • Initially Minimized – Filter loads in collapsed state

Max Height

Sets a maximum height for the filter list.

  • Enter 0 to disable height restriction
  • Useful for long lists with scrolling

Show / Hide Widget Title

Controls the visibility of the filter title on the frontend.

  • Show – Display title
  • Hide – Hide title

Widget Title

Set a custom title for the filter widget.

Additional Text for 1 Star

When Rating Text is selected, this option lets you add custom text for products rated 1 star.

Additional Text for 2–4 Stars

When Rating Text is selected, this option lets you add custom text for products rated 2 to 4 stars.

Additional Text for 5 Stars

When Rating Text is selected, this option lets you add custom text for products rated 5 stars.

Advanced Settings

The Advanced Settings section lets you fine-tune filter behavior, appearance, and user interaction, including term logic, search options, tooltips, and auto-suggestion.

CSS Class

Add a custom CSS class to the filter widget for custom styling or JavaScript targeting.

Tooltip Settings

Provides additional information for filter terms.

  • Enable / Disable Tooltip
  • Tooltip Text – Set tooltip content

Show in Active / Chips Filter Widget

Displays selected filter terms in the Active Filters or Chips widget for easy visibility and removal.

Step 5: Save Changes

After customizing the category widge

Step 6: Display the Product Filter on Your Webpage

  1. Insert Filter Shortcode:
    • Visit the page where you want to display the product filter.
    • Add the shortcode plugincy_filters to the desired location (e.g., in a page or widget).
  2. Optional Product Shortcode:
    • If you want to display products alongside the filters, you can also include the shortcode products.
  3. Customize Sidebar or Page:
    • You can add the filter shortcode to a sidebar widget or directly within a page’s content.
rating filter widget show

Once you have completed these steps, customers will be able to filter products by rating on your webpage using the Dynamic AJAX Product Filters plugin. The customizable rating widget enhances the user experience, allowing users to find highly-rated products that meet their preferences.