Skip to content

How to Show Star Rating in WooCommerce Product in Elementor?

Table Of Content

Do you want star ratings on your product cards? Reviews are one of the strongest reasons to buy, and stars make them visible at a glance.

The Woo Product Listing widget in The Plus Addons for Elementor shows each product’s WooCommerce rating.

To check the complete feature overview documentation of The Plus Addons for Elementor Product Listing widget, click here.

Requirement – This widget is a part of The Plus Addons for Elementor, make sure it’s installed & activated to enjoy all its powers.

Before You Start

  • Edition: Pro — the Woo Product Listing widget is part of The Plus Addons for Elementor Pro. It does not appear in the widget panel of the free plugin.
  • WooCommerce installed and active, with some published products.
  • Products with at least one rating. Products without reviews show no stars.
  • Widget to enable: Woo Product Listing, switched on under ThePlus Settings > Widgets.

Step 1: Turn on Display Rating

Add the Woo Product Listing widget. In Content > Extra Options, switch on Display Rating.

The display rating switch turned on, with stars on the product cards

The switch reads Hide when it is on. Its labels are the wrong way round in the current version — switched on, the stars show. The same applies to Display Category.

Step 2: Check the result

Products with reviews show their average rating as stars.

Star ratings on woocommerce product cards

Limitations

  • No reviews, no stars. The listing does not show empty stars.
  • Ratings come from WooCommerce reviews. Turn reviews on in WooCommerce > Settings > Products if they are off.
  • Pro only. The Woo Product Listing widget is not in the free plugin.

Troubleshooting

No stars appear

The products have no approved reviews yet, or the switch is off — remember it reads Hide when on.

Related Docs

Related Frequently Asked Questions

Related Docs