Product pages
Show the spread above the reviews.
Commerce / widget · Elementor module
Product Rating Breakdown Widget Plugin for Elementor
Show how a WooCommerce product's ratings are spread: the average and a bar for each star level with its share or count.
Included in All AccessClassic Elementor widgetFrom $29 USD / year
Complementor / Product rating breakdownProduct preview
Text, style and layout controls inside Elementor
01 / Interactive demonstration
Real rating spreads
These are the actual published outputs of the widget for real WooCommerce products with approved reviews.
02 / Inside WordPress
Product rating breakdown controls in Elementor
Content sets the product (the current one or a selected product), the average and its texts, the row labels, the value beside each bar, whether empty star levels show and a text for products without ratings. The Style tab covers typography, colour and surface, the average, bar and track colours, bar height and radius, and row spacing.
03 / Website use cases
Where to use product rating breakdown
An average of 4 stars can hide a split between delighted and unhappy customers, and shoppers know it. Product rating breakdown shows the average and how the ratings are spread across 5 to 1 stars, with a bar and the share or count for each level, from the ratings WooCommerce already stores. It stays hidden when reviews or star ratings are off, and when there are no ratings yet.
Comparison pages
Show how two products are rated.
Trust sections
Show that ratings are real and varied.
04 / Installation and setup
How to show a rating breakdown in Elementor
Start with Complementor installed and your license connected. Enable this module in the WordPress library, then configure it in Elementor.
Install Complementor, connect your license and enable Product rating breakdown in the Complementor library.
Turn on reviews and star ratings in WooCommerce.
Add the widget to the product template, or choose a product.
Choose the value beside each bar.
Style the bars and check a reviewed product.
05 / Content and style controls
Customize product rating breakdown in Elementor
Configure the settings available for this module to suit the page you are building.
Average out of 5 with the number of ratings.
A bar for each star level.
Share, count or both.
Empty levels can be hidden.
Hidden when ratings are off or missing.
Bar colour, track, height and radius.
06 / Choose the right approach
Product rating breakdown and Elementor alternatives
Compare the existing Elementor workflow with this Complementor module before choosing your setup.
WooCommerce's star rating
Shows the average only.
Review plugins
Often replace WooCommerce reviews and add their own storage.
07 / Requirements and compatibility
Product rating breakdown compatibility with Elementor
- Requires Elementor and WooCommerce.
- Uses WooCommerce's own reviews and ratings.
- Shows the spread; does not list the reviews.
Complementor uses classic Elementor APIs. Atomic-native controls are not implemented. Check your theme, cache and integrations on a staging site before release.
08 / Common setup problems
Troubleshoot product rating breakdown
Check these settings if the published page behaves differently from the editor.
Why is nothing shown?
Reviews or star ratings are off, or the product has no ratings yet. Fill in the text with no ratings to show one.
Why do the shares not add up to 100%?
Each share is rounded on its own.
Do replies count?
No. Only ratings stored by WooCommerce with reviews are counted.
Why does a new review not appear?
Only approved reviews are counted. Approve it in Comments.
Product rating breakdown plugin questions
Does it need Elementor Pro?
No. It works with the free version of Elementor and WooCommerce.
Where does it get its information?
From WooCommerce's stored rating counts for approved reviews of the product.
Does it work in a product template?
Yes. Leave Product on Current public product and it follows the product being viewed.
Why does nothing show in some cases?
It stays silent when the information would be missing or untrue. In the editor a short note explains why.
Can I hide star levels with no ratings?
Yes. Turn off Show star levels with no ratings.
10 / Annual All Access subscription
Get product rating breakdown with Complementor
This module is included with all 1007 current Complementor solutions. Choose your production website allowance; every plan includes the same modules.
One website
$29USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $29 USD each year.
A few websites
$49USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $49 USD each year.
More websites
$99USD / year
- All 1007 current modules
- Plugin downloads and updates for one year
- New releases during the paid term
- Product support
Renews at $99 USD each year.
Applicable taxes extra. Annual subscriptions renew automatically unless canceled in your customer account. Elementor Pro is required for Exclude current post. Read the terms and 14-day technical-issue refund policy.