{"id":27629,"date":"2021-08-01T15:00:54","date_gmt":"2021-08-01T13:00:54","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=27629"},"modified":"2021-08-11T11:32:55","modified_gmt":"2021-08-11T09:32:55","slug":"how-to-add-post-rating-to-your-wordpress-website","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-add-post-rating-to-your-wordpress-website\/","title":{"rendered":"How to Add Post Rating to Your WordPress Website"},"content":{"rendered":"

[vc_row][vc_column][vc_column_text]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. <\/strong>[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]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<\/a>, which can only help you gain more credibility in your niche.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]So, without further ado, let\u2019s 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.
\n[\/vc_column_text][vc_empty_space height=”68px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Adding a Post Rating System in WordPress With a Plugin<\/h2>\n

[\/vc_column_text][vc_column_text]Out of many available star rating plugins<\/a> (and those that allow you to add any kind of rating system in general), we found that the Yasr (Yet Another Stars Rating)<\/a> 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).[\/vc_column_text][vc_empty_space height=”50px”]

\n
\n \"Yet <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]The plugin is SEO-friendly out of the box and comes with Schema support, allowing you to add Schema to your page<\/a> and select its default type (a product, a book, a recipe, and so on). Also, you will get to add the so-called \u201coverall ratings\u201d 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.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]If you want, you can upgrade the plugin to the premium version<\/a> 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.[\/vc_column_text][vc_empty_space height=”80px”][vc_widget_sidebar sidebar_id=”blog-magazine-banner”][vc_empty_space height=”80px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Setting the Plugin Options<\/h2>\n

[\/vc_column_text][vc_column_text]To set the Yasr plugin options, after installing the plugin<\/a> and activating it, head to Yet Another Stars Rating >> Settings<\/em>. Once there, you will have access to multiple tabs that contain different plugin options.[\/vc_column_text][vc_empty_space height=”50px”]

\n
\n \"Yet <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]In the General Settings<\/em> tab, you can enable the Auto Insert Options<\/em>, i.e. choose whether you want to automatically add Yasr to your posts or pages. However, if you\u2019d rather use shortcodes to add them manually anywhere you want on your page or post, you can leave this setting disabled.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Yet <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]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.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Yet <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]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.
\n[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Enable <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]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.
\n[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Show <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]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.
\n[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Who <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Near the bottom of the General Settings<\/em> 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.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Structured <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Finally, there are a few Advanced settings<\/em> at the very bottom, allowing you to select the loading of all results using AJAX and enable the storing of users\u2019 IP addresses. Keep in mind that to comply with the GDPR law, you must notify users of doing this in case you choose Yes<\/em>).[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Save <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Don\u2019t forget to hit the Save All Settings<\/em> button after you\u2019re done with setting the plugin to store all changes.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Then, in the Aspect & Styles<\/em> 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.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Aspects <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Once again, hit the Save Settings<\/em> button after choosing the star set style that suits your preferences.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Now, in the Multi Sets<\/em> 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<\/em> button) and each one of them can contain up to 9 different fields.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Multi <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]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 \u201cWhat is a Multi Set?\u201d link.
\n[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Manage <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Last but not least, the Rankings<\/em> 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.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Rankings\" <\/div>\n<\/div>[vc_empty_space height=”78px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Inserting Your Post Ratings Into Your Pages or Posts<\/h2>\n

[\/vc_column_text][vc_column_text]As we\u2019ve 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.
\n[\/vc_column_text][vc_empty_space height=”50px”]

\n
\n \"Post <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]After creating your page\/post, simply click on Preview<\/em> to see what your ratings will look like on your page or post.[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Vote <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]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\u2019ve previously copied in the plugin settings (Rankings<\/em> tab).[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Rankings <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]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.
\n[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]For Gutenberg, simply paste the shortcode into the shortcode block (after hitting the plus (+) icon and then searching and adding the Shortcode block).
\n[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Shortcode\" <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]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.
\n[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]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.
\n[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Yasr <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]For visitor votes, hit the plus icon and search for a block called Yasr Visitor Votes and insert it into your post.
\n[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Yasr <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Within the block itself (in the Block<\/em> 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).[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Block\" <\/div>\n<\/div>[vc_empty_space height=”38px”][vc_column_text]Go ahead and preview the look of your post with your rating when you\u2019re done.
\n[\/vc_column_text][vc_empty_space height=”50px”]
\n
\n \"Preview\" <\/div>\n<\/div>[vc_empty_space height=”78px”][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n

Conclusion<\/h2>\n

[\/vc_column_text][vc_column_text]Adding any kind of post rating system on your site or blog is an excellent way to encourage user engagement around your content<\/strong>. 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.[\/vc_column_text][vc_empty_space height=”28px”][vc_column_text]Even though there are many great post rating plugins out there, we recommend using the Yasr plugin for this task<\/strong>. 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<\/strong>. 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\u2019s flexible and intuitive options will help you follow through with ease.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"

Want to learn how to add a post rating system in WordPress and boost user engagement on your blog? Here’s how you can do this with the help of a plugin.<\/p>\n","protected":false},"author":2,"featured_media":27670,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[46,4,13],"class_list":["post-27629","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-blogging","tag-tips","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/27629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=27629"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/27629\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/27670"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=27629"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=27629"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=27629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}