01 [Product Review] - How to Get Customer Feedback with Star Rating on Webflow?
Vložit
- čas přidán 19. 02. 2023
- Are you looking for a simple and effective way to get customer feedback on your Webflow website? In this video, we'll show you how to implement a star rating system using Webflow's built-in logic and Finsweet's Star Rating attributes.
First, we'll explain why customer feedback is important for your business and how star ratings can help you understand your customers' needs and preferences. Then, we'll walk you through the steps of creating a star rating system on your Webflow site.
Webflow Logics: webflow.com/logic
Accessible Components: webflow.com/libraries/detail/...
Star Rating attribute: finsweet.com/attributes/star-...
Connect with me at:
Instagram: / ahmedqayyum32
Twitter: / ahmedqayyum32
LinkedIn: / ahmedqayyum32
Bro, I have searched and searched for a free star rating widget system until I was about to make my own from SCRATCH!! You're LITERARLY doing GOD'S WORK!!!!
Oh man. Thank you so much for your kind words.
@@ahmedqayyum yeah of course! Btw, how do I display the stars rating for each user? I see that you have the select field in the cms for the rating which is what I did but can't figure out how to display the stars on the page like you do with the emojis.
@@user-yv6gq8kx3u I am using a component by Finsweet, where attributes are already applied. So you just have to use that component and build the system on the top of it.
@@ahmedqayyum Thank you for your reply. I'm still confused, Is this a separate component from the star rating on the form? I have that already, just not sure how to display them for my collection list when I display the reviews
Go through this documentation finsweet.com/attributes/star-rating. I hope it will help.
Thank you so much, this makes my life easier!!!
Perfect. Thank you
@@ahmedqayyum do you know how i can show the average rating on each product itself?
Thank you for this! Super helpful. I couldn't figure out how to show the stars when showing the review till I figured out you need to do a Condition for the rating.
Good to know 👍
Hi David, very good point! I'm struggling here too... Would you mind sharing with us how you built the flow? Thank you so much!
Goated. I have used webfow a ton, but this is my first client project with an ecom store. I was super worried as nobody has a review feature on sites, and thought I would have to buy something 3rd party. This is fantastic.
Chances you can post the read only link to this project?
Glad it helped!
I won't be ablr to share without client's permission.
Hey, is it not possible to connect the product name that's submitted with the form to the product reference field in the review collection via logic, so that way you can do the webflow collection list filtering (Add a filter to the review collection list on the product page ->
Select the reference field (that links reviews to products) and set the condition to “Equals” and then select “Current Product”.
This way you don't need to render all the reviews and hide/display with custom code. May this be a better solution or am I overseeing something?
I have recorded this in another video. Take a look at czcams.com/video/AP7zR1Ew0pw/video.html
@@ahmedqayyum the problem is that I want to build a big review site with a lot of review CMS items (10,000+), and rendering them all like you have showed in video number 3 is not a best practise because then the website might take longer to load , as you are rendering all the reviews and with a lot of reviews that's not the best practise. Do you think you can connect the product name to the reference field via Make or Zapier?
I really enjoyed this tutorial. Is there any chance this can be made as a cloneable or to see the read only link to see fully how its connected. How do you display the user submitted review rating on the page?
Thanks for your words. I can share the read-only link.
Here's the link preview.webflow.com/preview/dipdipfoods?preview=ec1887d401f9c3571865c57b44b7de8e&workflow=preview
Where is the script that you used for the input element ??
That's Finsweet Attributes
wich finsweet is that @@ahmedqayyum
Great video, my next question is how do you get an average and count of all reviews so the product shows total reviews and average rating?
We can get the total count as we are creating every review inside CMS. We also have the rating number in CMS as well, so we can generate a script that can calculate an average and display it somewhere on the page.
I can do this as the second part of this video.
@@ahmedqayyum would love to see it, i tried it awhile back and couldn’t figure it out. Following your channel, thanks for educating content!
Thanks. I have published another video where discussed a little about getting the total reviews, and calculating the average, and then displaying it on the website.
@@ahmedqayyum - Thank you so much for this content! May we please get the link to the second video where you discuss how to average the total number of ratings and displaying it? Thank you!
Ridiculous that webflow cannot pull in the CMS item name into the logic flow.
Yes absolutely.