BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Free widget

Star Rating Widget for Elementor Free

Stars, hearts or any icon with exact half values.

Overview

What Star Rating does

Star Rating shows a rating with stars, hearts, circles or an icon you choose, filled to the exact value, such as 4.8. Add text before and after it, for example the number of reviews.

Live demo

See it in action

4.8 from 120 reviews
Features

What it can do

  • 5 or 10 icons.

  • Any value, filled exactly, including halves and decimals.

  • Star, heart, circle or any icon from the library.

  • Text before and after, with {rating}, {scale} and {count} placeholders.

  • Number of reviews for the {count} placeholder.

  • In one line or stacked.

  • Separate filled and empty colors.

Use cases

When to use it

Hero sections

Show "4.8 from 120 reviews" under a headline.

Service cards

Add a small rating to each service or product card.

Recipe or review posts

Show your own score with hearts or stars.

Setup

How to set it up

A few steps from adding the widget to a finished result.

  1. Drag the Star Rating widget onto the page.

  2. In Rating, choose the Number of Icons and type the Rating.

  3. Pick the Icon.

  4. Fill in Text Before, Text After and Number of Reviews.

  5. Choose the Layout and Alignment.

  6. In the Style tab, set the Filled Color, Empty Color and Size.

FAQ

Questions and answers

Can I show 4.3 stars?

Yes. The icons fill to the exact value, so 4.3 fills the fifth star by 30 percent.

Can I use hearts instead of stars?

Yes. Choose Heart under Icon, or Choose an icon to pick any icon.

How do I show the number of reviews?

Type it in Number of Reviews and use {count} in Text After.

Free forever

Star Rating is free

It is one of 51 widgets in the free Bright Addons plugin. Each widget loads its code only on pages that use it.