/bubble-tutorials

How to build ratings and reviews in Bubble

Learn how to build ratings and reviews in Bubble with clear steps, tips, and tools to improve user feedback and boost app credibility.

Matt Graham, CEO of Rapid Developers

Book a call with an Expert

Starting a new venture? Need to upgrade your web or mobile app? RapidDev builds Bubble apps with your growth in mind.

Book a Free Consultation

How to build ratings and reviews in Bubble

The simplest valid way to build ratings and reviews in Bubble is to create a Review data type with fields for rating, comment, author, and the thing being reviewed, then create a form that creates a new Review, and finally display reviews with a repeating group and calculate average rating using :average on the Review’s rating field. Bubble handles the math automatically as long as your data structure is correct.

 

Data Structure

 

You need one new data type: Review. This keeps everything clean and scalable.

  • Review
    • rating (number)
    • comment (text)
    • author (User)
    • thing\_reviewed (whatever you’re reviewing, e.g. Product, Course, Listing)
    • created\_date (auto, works for sorting)

You do NOT put a list of reviews on the thing being reviewed. Bubble can always “Search for Reviews” filtered by thing\_reviewed = This Product.

 

Creating Reviews

 

Build a simple form:

  • A star input (you can use icons or a dropdown) saved as number.
  • A multiline input for the comment.
  • A button “Submit Review”.

Workflow on button click: Create a new Review with fields:

// Bubble “Create a new thing” fields
rating = StarInput’s value
comment = CommentInput’s value
author = Current User
thing_reviewed = Current Page Product

 

Showing Reviews

 

Use a Repeating Group with type Review and data source:

// Search for all reviews of current product
Search for Reviews
  constraint: thing_reviewed = Current Page Product
  sorted by created date descending

Inside the cell, show Current cell’s Review’s rating and comment.

 

Average Rating

 

Add a text element wherever you want the overall rating:

// Bubble expression for average rating
Search for Reviews:average's rating

Bubble automatically averages the number field.

 

Privacy Rules

 

  • Anyone can view Review fields (if your app shows reviews publicly).
  • Only This Review's author is Current User should be allowed to modify/delete.

This prevents users editing others’ reviews.

Explore More Valuable No-Code Resources

How to integrate Bubble.io with Git?

Learn how to seamlessly integrate Bubble.io with Git through our comprehensive step-by-step guide. Perfect for beginners and professionals.

Explore

How to integrate Bubble.io with Reddit Ads?

Learn how to seamlessly integrate Bubble.io with Reddit Ads using our easy step-by-step guide. Boost your ad management today!

Explore

How to integrate Bubble.io with AWS S3?

Explore our step-by-step guide on integrating Bubble.io with AWS S3, making your app development process more efficient and secure.

Explore

How to integrate Bubble.io with Lucidchart?

Follow our step-by-step guide to seamlessly integrate Bubble.io with Lucidchart, enhancing your workflow & productivity.

Explore

How to integrate Bubble.io with Kentico?

Learn how to seamlessly integrate Bubble.io and Kentico with our comprehensive, easy to follow step-by-step guide.

Explore

How to integrate Bubble.io with Box?

Discover easy-to-follow steps for integrating Bubble.io with Box. Boost your workflow and secure your files seamlessly today.

Explore

Stuck in Bubble.io? We’re here to help!

Fix broken workflows | Optimize logic | Boost performance | Scale with confidence

4.9
Clutch rating 🌟
600+
Happy partners
17+
Countries served
190+
Team members

By clicking “Accept”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.

Cookie preferences