Elementor Star Rating Widget Tutorial

Elementor Star Rating Widget Tutorial

In this Elementor tutorial I will explain how you can use the Star Rating with Elementor.

It’s a very helpful widget especially when you have an affiliate website for example, where you want to promote products or services.

Enjoy the tutorial and subscribe to the YouTube channel if you like this type of content.

Table of Contents

Select Elementor Star rating widget

You can see I have the homepage for my website opened with the Elementor editor.
On the left you can see all the elements that are available in Elementor.
You can click on the Star rating widget and drag it to the canves to add it.

Now the Star rating widget is added and now I want to show you how you can use it.

add elementor star rating widget to editor

Customize Star rating widget

Let me walk you through the options. You have the rating scale, it’s from zero to five, but you can also adjust this from zero to 10. So now you have 10 stars instead of five.

And over here you can also enter the rating. For example if I want to make this a seven out of 10 stars, then you can just type in seven and then you will immediately see that the stars will change to the given number that you have added over here.

add elementor star rating widget settings add elementor star rating widget to editor

Now the stars are aligned to the left, but you can also align it to the center by selecting the option.

if I want to make the Star rating widget bigger then you need go to the size option and just by dragging this you can make stars very big or very small.

size elementor star rating widget add elementor star rating widget settings add elementor star rating widget to editor

Over here you can also have the color option and there you can change the color for the Elementor star rating widget.

color elementor star rating widget size elementor star rating widget add elementor star rating widget settings add elementor star rating widget to editor

In the video I will go more in detail on all the options for the Elementor Star rating widget and you can watch it on YouTube over here.

If Elementor is not working properly when designing mobile devices make sure to check out this tutorial to fix this.

Check out this tutorial to learn the Elementor basics in 7 minutes.

I hope this tutorial is helpful. It that’s the case make sure to subscribe to the channel and drop a like and comment.
Thanks, and I hope to see you back in the next tutorial!