How to Use WiserReview Star Rating Widget (Ecommerce)

How to use the WiserReview Star Rating widget on your ecommerce store. Guide to displaying average star ratings on product listing and detail pages.

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.

Card Styles

Star Color

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

Star Color

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.

Dynamic Variable

 

Hide If No Reviews

Automatically hide the star rating on:

  • Collection page

  • Product page

Hide If No Reviews

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).

Custom CSS

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:

Installation Instructions

Go to Custom tab

Installation Instructions

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