How to Use WiserReview Star Rating Widget (Ecommerce)

The Star Rating widget lets you highlight the average product rating along with the number of reviews — typically displayed on Product Listing Pages (PLPs) or Product Detail Pages (PDPs) to boost trust at first glance.
Go to Widgets > Star rating
Star_Rating_Widget

Customization option under cards.

Card Styles

Choose from multiple star display layouts — with or without review count.

Star Color

Customize the star icon color to match your store’s theme (e.g., orange #FF8000).

Dynamic Variable

We have Dynamic variables:

Product specific star rating count- {{TOTAL_RATING}},

Avg. star rating number: {{STAR_AVRG_RATING}}

Total questions asked for that products by visitors- {{TOTAL_QUESTION}}

Use them if you want to display these values with Star rating.

 

 

Hide If No Reviews

Automatically hide the star rating on:

  • Collection page

  • Product page

Useful to avoid showing empty ratings on new or low-traffic items.

Custom CSS

Enable the Custom CSS block if you want to fine-tune styles manually (e.g., spacing, alignment, icon size).

Installation Instructions

  • Display on collection/product cards to build quick trust

  • Use on PDPs above the product title or near the price

Click the Install button (top right) to view embed instructions:

Go to Custom tab

1. Paste the pixel code into your </body> (only once, if not already added):

2: Add the widget code where you want to show the star rating count.

– The best place to put this div tag is after the product name.

Note: Render Data-pid value (SET_YOUR_PRODUCT_ID_HERE) as your real product ID value