How can I create a star rating functionality that can serve as an input and display?

Design help CMS
1

I need to create a star rating functionality that accepts reviews and display the average rating for each profile that is reviewed. Also I will like to use a dynamic text that also displays the average rating for each profile just like the star rating average display.

2

Finsweet’s solution is popular;

3

Hi @lolataremi :wave:! A bit late to the party, but in case you are still looking Supersparks has a reviews solution made just for Webflow:

  • Average rating gets displayed on each CMS item or product page
  • Reviews sections are composed of native Webflow elements, which means you custom-design everything the Webflow Designer.
  • Reviews don’t count towards your CMS item limits
  • and more

Full disclosure, I am the founder of Supersparks. Let me know if you have any questions :slight_smile:

4

Hey @lolataremi, another option to check out is our native Webflow Reviews app!

We make it super easy to embed a reviews widget on each CMS or product page. There are multiple layouts to choose from and you can customize each to fit your style.

Let us know if you have any questions!
hello@monto.io

5

Hi Ian

Is your solution dependant on you having user accounts setup? I need a star rating system, but i don’t need it linked to a user profile or to a user review. It just needs to be a CMS item that has the ability for users to rate. And then to display the average rating and number of ratings. like “4.5 stars based on 156 ratings” or something similar.

Your solution seems to suggest you have to have User Accounts setup, which i don’t need.

Thanks

6

@memetican I’ve found this component when I was researching, but I’m having a hard time wrapping my head around how it works.

Can any website user rate? How can it identify who’s rated or not? Do I need to have a CMS to save the ratings? How can I average the score and show it in the page?

Maybe this is just supposed to be a visual component, because it looks simple and straight forward.

To do everything I need I should probably use some of the solutions that the other users suggested up above, right?

Thanks!

7

Correct, it’s visual only. I typically use it when I have an automation feeding e.g. Google reviews into a client’s CMS and then want to display the 4.5 as something visual.

Finsweet has a version of this that acts as an input for capturing a rating, but you’d need to build some wiring and automations to take that and store it in the CMS.

1 Like
8

Got it! Thank you so much for the blazing fast response.

1 Like