Free Star Rating System For Blogs And Websites

Free Firebase Powered ★ Star Rating System for websites and blogs. Easy and customizable, Simple Star Rating Widget.
title
text

What is the Star Rating System?

Info about star rating systemThis is an useful application which displays rating stars wherever you want. Thanks to that, everyone visiting your website can rate your content, images, movies or any things you publish. This Simple Star Rating System is very easy to install - you should only create free Firebase account, set Star Rating Widget's options as you like, copy generated code and paste it where you want on your website or blog.

What is Firebase?

Info about FirebaseFirebase is free database system which allows you to store any data. All values collected by Star Rating System (like rating average or number of votes) must to be saved somewhere. So, great place for saving this data is free Firebase storage.

Why should You use the Star Rating Widget?

Why to use rating widget?If you are the owner of a website and you are publishing any posts, images, videos etc., you probably want to know reaction of your visitors. Unfortunately, readers after see your content often don't have enough time to write a comment about it. But, if it is the star rating widget below that content, everyone can easy click selected star and in this way let you know what he thinks about your post, picture, video or something else. So, it is a good method to know the opinion of your readers. Otherwise, value of rating average can encourage other visitors, who have not seen your content yet, to click and read it now.

Installing Star Rating System on website or blog

Installing the Rating WidgetTo install star rating system on your blog or website, do the following steps:
  1. Create free Firebase database (detailed instructions on how to do this can be found here ➤ ).
  2. After creating Firebase project, copy the URL adress of your databse and paste it into the field "Firebase URL" at below Star Rating Widget Generator.
  3. Fill all other fields according to how you want your widget to look.
  4. Copy generated code from the below field Rating code to copy and paste, and paste it in your blog's or website's source (in the place where you want to display the Star Rating Widget).

Star Rating Widget Generator

Select star:
Field informationChoose star image for your rating widget
Number of stars:
Field informationHow many stars should display your rating widget?
Star size:
px
Text size:
px
Text color:
Font family:
Field informationSelect font for text in your star rating system
Widget align:
Top text:
Field informationThis text will be displayed above the rating stars. Leave this field blank, if you doesn't want any text above the widget.
Bottom text:
$average$$votes$$max$
Field informationCreate template for the rating statistic which will be displayed below the rating stars
Thank you text:
Field informationA thank-you text that will be displayed when someone votes
Blocking text:
$userRating$
Field informationThis message will be displayed for user which was already rated specific content and try to rate it again
Widget status:
Field informationChoose whether the widget should be displayed in normal mode or inactive. Read more... →
Rating name:
Field informationDon't set this field to "auto" if you're going to display more than one rating widget per a single page. Read more... →

Live Previev:

Rating code to copy and paste:

Rating Code copied ✅
That's all - now Star Rating System is added to your project 👍.
We wish you many high votes! 😁