topic How can we add Star Rating system to our blog posts? in Blog, Website & Page Publishing

How can we add Star Rating system to our blog posts?

DaisyDKroon — Thu, 03 Jan 2019 17:29:18 GMT

Hi!

We want to add the possibility to rate each of our blog posts, through the typical 5 stars system. But, we don't know how to add it to the blog template. Anyone knows how we can proceed?

It's really important, as reviews are an important element of SEO.

Thanks in advance for your help!

Re: How can we add Star Rating system to our blog posts?

LOIC_BURDET_IDE — Thu, 10 Jan 2019 07:11:01 GMT

Hello Daisy, you can use external rating module like "Ratings Widget" or "Avis Vérifié".

You can see an example on our blog post here.

We use the tool Rating Widget to allow visitor rating our content.

Moreover you can add microdata to allow Google printing this ratings on SERP.

Good work !

Re: How can we add Star Rating system to our blog posts?

DaisyDKroon — Thu, 10 Jan 2019 07:55:56 GMT

Hi @LOIC_BURDET_IDE

Thank you so much for your reply! Did you add this widget directly to your Hubspot blog? I see on their website that it's a widget for WP, and I can't find the integration for Hubspot I really want this widget now, specially because of the possibility to add the microdata !

Re: How can we add Star Rating system to our blog posts?

DaisyDKroon — Thu, 10 Jan 2019 07:59:23 GMT

@LOIC_BURDET_IDE Great blog by the way!! Like a really really good job! Congratz

Re: How can we add Star Rating system to our blog posts?

LOIC_BURDET_IDE — Thu, 10 Jan 2019 08:23:11 GMT

Our website is fully on Hubspot CMS so the integration is made with a Hubspot Integration.

Here is the doc to implement with JQuery.

Concretely :

We add the HTML line in our blog template
Wa add the script in our Blog Settings Footer

Hope it will be ok for you

Re: How can we add Star Rating system to our blog posts?

DaisyDKroon — Thu, 10 Jan 2019 09:00:21 GMT

Yes it works! Thank you so much!

Re: How can we add Star Rating system to our blog posts?

matellez2018 — Fri, 19 Apr 2019 21:25:38 GMT

@LOIC_BURDET_IDE Is the microdata automatically added when you copy and paste the HTML line in the blog template and add the script in our blog settings footer or do I need to take an additional step for that?

Re: How can we add Star Rating system to our blog posts?

LOIC_BURDET_IDE — Sun, 21 Apr 2019 13:33:06 GMT

You have to create you own microdata.

You can do that with j-son data or directly in your HTML 🙂

Re: How can we add Star Rating system to our blog posts?

matellez2018 — Sun, 21 Apr 2019 18:09:26 GMT

@LOIC_BURDET_IDE If I'm using JSON, would the below be correct?

"aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": “{{ratingValue}}“,
    "ratingCount": “{{reviewCount]]“

If so, where exactly would I need to embed this? I assume this would update dynamically as we get more ratings for eah individual blog so I don't have to manually update every individual blog every single day, correct?

. Re: How can we add Star Rating system to our blog posts?

spoorti1509 — Mon, 06 May 2019 12:47:48 GMT

Hi Daisy, you can use an external rating module like "Ratings Widget" or "Avis Vérifié". As I am using the same for my mobile app development blog.

Re: How can we add Star Rating system to our blog posts?

anna_campins — Thu, 11 Jul 2019 16:37:41 GMT

Hi @LOIC_BURDET_IDE @DaisyDKroon

Thank you very much for your answers, helped a lot! 🙂

But how do you take the widget ratings and put them into the microdata?

Thanks!!

Re: How can we add Star Rating system to our blog posts?

manasa — Tue, 17 Sep 2019 07:17:41 GMT

how to add microdata using this rating widget? It would be great if you could help us

Re: How can we add Star Rating system to our blog posts?

mytectra — Wed, 03 Mar 2021 12:32:57 GMT

I Just added with following code in Rich Text. The rating displayed properly in Google Search as well.

Re: How can we add Star Rating system to our blog posts?

HBoon — Fri, 16 Apr 2021 07:37:36 GMT

Is it also possible to implement this within emails?

The doc mentioned that they have to assign our website a unique identifier, but emails wouldn't live on our website so how would that work?

Re: How can we add Star Rating system to our blog posts?

MBhatnagar — Tue, 27 Apr 2021 15:01:52 GMT

I have the same query. Do let me know if you found anything.

Re: How can we add Star Rating system to our blog posts?

Anze_Koprivec — Tue, 27 Jun 2023 07:20:50 GMT

Can I ask how do you end up styling this.

i've tried forcing js inline styles once the widget loads but it just doesn't work and then there is also those old looking statistic popus and stuff like that.

Re: How can we add Star Rating system to our blog posts?

Pdelain — Wed, 19 Mar 2025 11:39:43 GMT

Hi!

Adding a 5-star rating system to your blog posts is a great idea for increasing engagement and improving SEO. Here’s how you can do it:

1. Use a WordPress Plugin (If Using WordPress)

If your blog runs on WordPress, the easiest way is to install a plugin like:

WP-PostRatings – Simple and effective star rating system.
KK Star Ratings – Supports rich snippets for SEO.

Once installed, configure the plugin settings and enable ratings for your blog posts.

2. Manually Add Star Ratings (For Custom Websites)

If your blog is custom-built, you can add a star rating system using JavaScript and HTML:

Use a JavaScript library like Raty.js or implement your own system using vanilla JS.
Store ratings in a database (MySQL, Firebase, etc.) and calculate the average rating.
Implement Schema Markup (AggregateRating) to help search engines recognize the rating.

3. Use Tagbox Plugin

If you want a no-code solution with structured data support, Tagbox is a great option. It helps you:

Easily embed a 5-star rating system on your blog posts.
Automatically generate Google-friendly rich snippets for SEO benefits.
Get user-generated content & reviews with an intuitive interface.

Simply sign up on Tagbox, configure your rating widget, and embed the generated code snippet in your blog template.