A customer feedback system in Bubble uses a Feedback Data Type with category, rating scale, and comment fields, connected to a submission form and admin review dashboard. This tutorial covers designing the feedback form with NPS or CSAT rating scales, categorizing feedback by type, building an admin dashboard for reviewing and responding to submissions, and creating basic analytics to track satisfaction trends over time.
Overview: Customer Feedback System in Bubble
This tutorial guides you through building a complete feedback collection and management system. Users can submit rated, categorized feedback, and administrators can review, respond to, and analyze the submissions.
Prerequisites
- A Bubble app with user authentication
- Basic understanding of Data Types and Repeating Groups
- Familiarity with Bubble Workflows and conditional formatting
- An admin role or page for reviewing feedback
Step-by-step guide
Create the feedback data model
Create the feedback data model
Go to the Data tab and create a 'Feedback' Data Type with fields: user (User), category (text or Option Set — Bug Report, Feature Request, General, Complaint), rating (number 1-10 for NPS or 1-5 for CSAT), comment (text), status (text — new/reviewed/resolved), admin_response (text), and reviewed_by (User). Create an Option Set called 'FeedbackCategory' with your categories. Each option can have an icon attribute for visual display.
Expected result: A Feedback Data Type with all fields for collection, categorization, and management.
Build the feedback submission form
Build the feedback submission form
Create a feedback form with a Dropdown for category selection (sourced from the FeedbackCategory Option Set), a row of clickable star or number icons for the rating (use 5 Icon elements with click workflows that set a custom state 'selected_rating'), a Multiline Input for comments, and a Submit button. When Submit is clicked, create a new Feedback record with the form values, the Current User, status = 'new', and the current date. Show a thank-you message and reset the form.
Pro tip: For NPS, use a horizontal row of numbers 0-10 styled as buttons. For CSAT, use 5 star icons that fill or unfill based on the selected rating custom state.
Expected result: Users can select a category, give a rating, write a comment, and submit feedback.
Build the admin review dashboard
Build the admin review dashboard
Create an admin page with filter controls: Dropdown for category, Dropdown for status (new/reviewed/resolved), and a Date Range picker. Add a Repeating Group showing Feedback records matching the filters, sorted by Created Date descending. Each row shows the user's name, category badge, star rating, comment preview, status badge, and date. Click a row to open a detail popup showing the full comment and an Input for admin response. The popup has buttons for changing status to reviewed or resolved, and saving an admin response.
Expected result: Administrators can filter, review, respond to, and resolve feedback submissions.
Add feedback analytics
Add feedback analytics
At the top of the admin dashboard, add summary cards: Average Rating (Do a Search for Feedback:each item's rating:sum / count), Total Submissions this month, NPS Score calculation (percentage of 9-10 ratings minus percentage of 0-6 ratings). Add a simple trend display using a chart plugin: plot average monthly ratings over the past 6 months. Add a breakdown by category using a Repeating Group of FeedbackCategory Option Set showing the count and average rating for each category.
Expected result: The dashboard displays key satisfaction metrics, trends, and category breakdowns.
Set up automated follow-up workflows
Set up automated follow-up workflows
Create notification workflows: when feedback with rating 1-3 is submitted, send an immediate email alert to your support team so they can address unhappy customers quickly. When an admin adds a response and marks feedback as resolved, send an email to the feedback submitter with the response. Create a weekly scheduled backend workflow that sends a summary email to the team with counts by category and average rating for the week. RapidDev can help set up more sophisticated feedback routing and escalation workflows for complex support needs.
Expected result: Low-rating feedback triggers immediate alerts, and resolved feedback generates follow-up emails to users.
Complete working example
1CUSTOMER FEEDBACK SYSTEM SUMMARY2=====================================34DATA MODEL:5 Feedback: user, category (Option Set),6 rating (1-10), comment, status, admin_response,7 reviewed_by, Created Date8 FeedbackCategory: Option Set9 Bug Report, Feature Request, General, Complaint1011SUBMISSION FORM:12 Category dropdown (Option Set source)13 Rating: star/number icons → custom state14 Comment: Multiline Input15 Submit → Create Feedback → Thank you1617ADMIN DASHBOARD:18 Filters: category, status, date range19 RG: Feedback sorted by date desc20 Columns: user, category, rating, comment, status21 Detail popup: full comment + response input22 Actions: Mark reviewed, Mark resolved2324ANALYTICS:25 Average rating card26 NPS score: (promoters% - detractors%)27 Monthly submission count28 Category breakdown with avg ratings29 Trend chart: monthly avg ratings3031AUTOMATIONS:32 Rating 1-3 → Alert support team33 Resolved → Email user with response34 Weekly → Summary email to teamCommon mistakes when building a Customer Feedback System in Bubble
Why it's a problem: Not following up on low-rating feedback
How to avoid: Set up automatic alerts for low ratings so your team can respond quickly
Why it's a problem: Making the feedback form too complex with many required fields
How to avoid: Keep the form to category, rating, and optional comment. Only require rating and category.
Why it's a problem: Not tracking feedback status through its lifecycle
How to avoid: Use a status field (new/reviewed/resolved) and filter the admin dashboard by status
Best practices
- Keep the feedback form short — category, rating, and optional comment
- Alert your team immediately when low ratings are submitted
- Track feedback status from new through reviewed to resolved
- Send follow-up emails when feedback is resolved to close the loop
- Analyze trends weekly or monthly to catch satisfaction changes early
- Use NPS or CSAT consistently to benchmark over time
- Make feedback submission accessible from multiple places in your app
Still stuck?
Copy one of these prompts to get a personalized, step-by-step explanation.
I want to build a customer feedback system in my Bubble.io app with NPS ratings, category selection, an admin review dashboard, and automated alerts for low scores. How should I structure this?
Help me build a feedback collection system with a star rating form, category dropdown, admin review page with filters, and automatic email alerts when users give low ratings.
Frequently asked questions
What is the difference between NPS and CSAT?
NPS (Net Promoter Score) asks 'How likely are you to recommend us?' on a 0-10 scale. CSAT (Customer Satisfaction) asks 'How satisfied are you?' on a 1-5 scale. NPS measures loyalty; CSAT measures immediate satisfaction.
Should feedback require users to be logged in?
For tracked feedback with follow-up capability, require login. For anonymous feedback that encourages honesty, allow guest submissions but store the browser session for spam prevention.
How do I prevent feedback spam?
Require authentication, limit one submission per user per day using a search constraint, and optionally add a CAPTCHA for guest submissions.
Can I embed the feedback form on specific pages?
Yes. Create the form as a reusable element and place it where needed, or use a floating button that opens a feedback popup from any page.
How do I calculate NPS score?
NPS = (percentage of 9-10 ratings) minus (percentage of 0-6 ratings). Scores range from -100 to +100. Above 0 is good, above 50 is excellent.
Can RapidDev help build a feedback system?
Yes. RapidDev can build comprehensive feedback systems including multi-channel collection, sentiment analysis, routing to teams, and executive reporting dashboards.
Talk to an Expert
Our team has built 600+ apps. Get personalized help with your project.
Book a free consultation