Qi Theme

Qi Theme – a completely free WordPress theme with 100 modern demo websites

Learn More
Sign up for our newsletter and be the first to get all the latest Qode news and updates.
BACK TO TOP

How to Add Post Rating to Your WordPress Website

How to Add Post Rating to Your WordPress Website

Whether you lead a blog on your own or you have people that post articles for you, adding a post rating system in WordPress is always a good idea. Almost every modern online platform, community, and forum out there strives to encourage users to engage in different discussions by incorporating some kind of rating system. And you can easily do the same on your WordPress-powered website or blog by using one of the many available post rating plugins.

By giving the ability to visitors to rate your posts, pages, or any specific segments of your site, you can easily increase the overall user engagement and create a sense of community around your brand. Plus, pages or posts with high ratings can only give more value to your content. In turn, this can even inspire more users to comment on your blog posts, which can only help you gain more credibility in your niche.

So, without further ado, let’s see how you can add a post rating system on your WordPress site. We will show you how to do this using the help of a handy WordPress plugin called Yasr. It comes with some great features that allow you to fully customize your ratings, so make sure to read on.

Adding a Post Rating System in WordPress With a Plugin

Out of many available star rating plugins (and those that allow you to add any kind of rating system in general), we found that the Yasr (Yet Another Stars Rating) plugin is an excellent choice for adding a post rating system to your WordPress site. It is free to use and has a powerful interface with plenty of flexible options that allow you to customize your ratings from multiple aspects (including auto insert options, positioning, and styling).

Yet Another Stars Rating

The plugin is SEO-friendly out of the box and comes with Schema support, allowing you to add Schema to your page and select its default type (a product, a book, a recipe, and so on). Also, you will get to add the so-called “overall ratings” to your pages, posts, and custom post types (automatically or via a shortcode), give the ability to users to vote and even allow them to rate different aspects for a specific review. For example, if your post is centered around a movie review, aside from rating your post, you can allow users to rate separate aspects of the movie itself, such as the plot, the cinematography, the acting itself, etc.

If you want, you can upgrade the plugin to the premium version and get access to many other features such as the ability to add user reviews and fake ratings, customize your rankings, add custom star sets, and so on.

Blog & Magazine Themes
Behold banner
Behold

Personal Blog WordPress Theme

Buzzy banner
Buzzy

Creative Magazine Theme

Journo banner
Journo

Creative Magazine & Blog Theme

Setting the Plugin Options

To set the Yasr plugin options, after installing the plugin and activating it, head to Yet Another Stars Rating >> Settings. Once there, you will have access to multiple tabs that contain different plugin options.

Yet Another Stars Rating Settings

In the General Settings tab, you can enable the Auto Insert Options, i.e. choose whether you want to automatically add Yasr to your posts or pages. However, if you’d rather use shortcodes to add them manually anywhere you want on your page or post, you can leave this setting disabled.

Yet Another Stars Rating General Settings

If you enabled this option, you then get access to some other specific options, such as the ability to choose whether to show visitor votes, overall rating, or both, insert them before or after your content, choose an alignment (left, right, or center), and icon size (small, medium, large). In addition, you will get to exclude or include pages from this setting and select whether you want to use the auto insert option in custom post types only.

Yet Another Stars Rating General Settings Specific Options

Next, if you turn on the setting that allows you to show your stars next to the title itself, you unlock access to a few other useful options related to it. Namely, you can choose whether you want to select this setting for visitor votes or overall rating, include or exclude it from pages, choose a specific page or post type where you want it shown, and so on.

Enable Stars

Another useful option in this tab allows you to show (or not show) stats for visitor votes. If switched on, this setting will display a chart bar icon that will show additional visitor vote stats when hovering over it.

Show Stats for Visitors

Plus, you will get to decide who is allowed to vote (logged-in users only, or everyone), and you can also insert different custom text that will be displayed before or after your star ratings. You can leave these fields empty to disable the setting.

Who Can Vote

Near the bottom of the General Settings tab, there are some Schema-related options that allow you to select the default Schema type for all posts or pages, choose whether your site belongs to an organization or a person, etc.

Structured Data Options

Finally, there are a few Advanced settings at the very bottom, allowing you to select the loading of all results using AJAX and enable the storing of users’ IP addresses. Keep in mind that to comply with the GDPR law, you must notify users of doing this in case you choose Yes).

Save All Settings

Don’t forget to hit the Save All Settings button after you’re done with setting the plugin to store all changes.

Then, in the Aspect & Styles tab, you will get to choose your stars set (you will have three different styles at your disposal). If you upgrade the plugin to pro, here you will also find options to upload your own custom icons and choose from a few other predefined icon sets as well.

Aspects and Styles

Once again, hit the Save Settings button after choosing the star set style that suits your preferences.

Now, in the Multi Sets tab, you get access to the settings that will allow you to add ratings for different aspects of your product, business, event, book, or anything else you are reviewing on your page or post. You will be able to generate 99 different multi sets here (add a name and different elements and then hit the Create New Set button) and each one of them can contain up to 9 different fields.

Multi Sets

Then, after saving your settings, you will get to insert it on your page or post using the shortcode. You will get to use two different shortcodes here that will either allow you to rate these sets yourself or allow your visitors to do so instead. There are some detailed instructions available as well as an image you can preview in more detail if you simply click on the “What is a Multi Set?” link.

Manage Muliti Set

Last but not least, the Rankings tab allows you to select desired shortcodes to insert a specific rating type to individual pages or posts. Here you will get to select a specific ranking you want to add, and then copy and preview the way a shortcode will generate your ranking on your page or post.

Rankings

Inserting Your Post Ratings Into Your Pages or Posts

As we’ve already explained in the beginning, Auto Insert Options located in the General Settings tab will allow you to simply set the options for whether you want your ratings to be displayed before or after content. Therefore, if you want to add post ratings to your pages or posts automatically, you need to enable this option first. Then, after you select the desired rating type (visitor votes, overall rating, or both) and a few other options related to the rating position, you can proceed to go to your page or post.

Post Ratings

After creating your page/post, simply click on Preview to see what your ratings will look like on your page or post.

Vote Preview

Now, in case you prefer to add your ratings on individual pages or posts, simply head to the edit of your page or post and use one of the above-mentioned shortcodes you’ve previously copied in the plugin settings (Rankings tab).

Rankings Copy Shortcode

You can add this shortcode (or shortcodes) directly to your post if you use Classic editor. For Elementor, you can insert it using the Shortcode element.

For Gutenberg, simply paste the shortcode into the shortcode block (after hitting the plus (+) icon and then searching and adding the Shortcode block).

Shortcode

Alternatively, you can use blocks specifically made for Gutenberg that will also allow you to add different rating types to your posts. To do so, remove the previous block and hit the plus icon once again.

If you want to add a reviewer vote (overall rating), search for a block named Yasr Overall Rating and insert it anywhere you want on your page/post.

Yasr Overall Rating

For visitor votes, hit the plus icon and search for a block called Yasr Visitor Votes and insert it into your post.

Yasr Visitor Votes Block

Within the block itself (in the Block tab on the right side of your post screen), you will also be able to select the desired star size (you can do this for both blocks).

Block

Go ahead and preview the look of your post with your rating when you’re done.

Preview

Conclusion

Adding any kind of post rating system on your site or blog is an excellent way to encourage user engagement around your content. In the long run, post ratings can even bring you more credibility and reputation in your field, which is why we highly recommend that you add one to your WordPress-powered site.

Even though there are many great post rating plugins out there, we recommend using the Yasr plugin for this task. Not only is it completely user- and SEO-friendly out of the box, it also offers plenty of features to customize and style your rating system according to your preferences. No matter if you want to add overall ratings on your posts or wish to give the ability to users to rate different aspects related to your content, you will be able to do so with Yasr, and then some. Plus, you can add your ratings anywhere you want on an individual post, or set them to be added to all your posts automatically. Also, you will be able to add them to your pages or posts via a shortcode or using the Gutenberg block. Our step-by-step instructions and the plugin’s flexible and intuitive options will help you follow through with ease.

Post your comment

Comments2
  • Dario Curvino
    2 months ago

    Hi, plugin author here.

    Thank you so much for this tutorial, it is really complete and very clear!

    Best,
    Dario

    • Qode Interactive
      2 months ago

      Hi Dario,
      Thanks for the kind words! We’re glad you like the article!
      Best Regards,
      Qode