Adding a feedback form in Bubble involves creating a Feedback data type, building a simple form with rating stars and text input, storing submissions in the database, and displaying them in an admin review interface. This tutorial covers the complete flow from form design to submission workflow to admin dashboard for reviewing and acting on user feedback.
Overview: Adding a Feedback Form in Bubble
This tutorial shows how to build a simple yet effective feedback collection system in your Bubble app. Users can submit ratings and comments through an embeddable form, and admins can review, filter, and respond to feedback from a dedicated dashboard. This is essential for any app that wants to improve based on user input.
Prerequisites
- A Bubble account with an existing app
- Basic understanding of Data Types and Workflows
- An admin page or role for reviewing feedback
- Familiarity with Popup or Group elements
Step-by-step guide
Create the Feedback data type
Create the Feedback data type
Go to the Data tab → Data types. Create a new type called Feedback with fields: rating (number 1-5), comment (text), category (text: General, Bug, Feature Request, Suggestion), submitter (User), page_submitted (text), status (text: New, Reviewed, Actioned, Archived — default New), admin_response (text), submitted_at (date).
Expected result: A Feedback data type with all fields for collecting and managing user feedback.
Build the feedback form UI
Build the feedback form UI
Create a Popup or Group element called Feedback Form. Add a row of 5 Icon elements (star shapes) for the rating. Use a Custom State called selected_rating (number). Add click workflows on each star: set selected_rating to the star's number. Use Conditionals to fill stars gold when their number <= selected_rating. Add a Dropdown for category, a Multiline Input for the comment, and a Submit button. Add a floating Feedback button on your page that shows this form when clicked.
Expected result: A feedback form with star rating, category dropdown, comment field, and submit button.
Create the submission workflow
Create the submission workflow
Create a workflow for When Button Submit is clicked. Action 1: Create a new Feedback with rating = page's selected_rating, comment = Multiline Input's value, category = Dropdown's value, submitter = Current User, page_submitted = Current Page URL, submitted_at = Current date/time. Action 2: Reset relevant inputs. Action 3: Hide the feedback form popup. Action 4: Show a Thank you for your feedback alert. Add an Only when condition to prevent empty submissions: selected_rating > 0.
Expected result: Feedback is saved to the database and the user sees a confirmation message.
Build the admin feedback dashboard
Build the admin feedback dashboard
Create a page called admin-feedback. Add filter controls: Dropdown for status, Dropdown for category, and a date range picker. Add a Repeating Group with type Feedback, sorted by submitted_at descending. Apply constraints from the filter dropdowns. In each cell, display the rating (as stars), category, comment snippet, submitter email, and date. Add a status Dropdown in each cell for changing the status. Add a Detail button that opens a popup showing the full comment and an admin response textarea.
Pro tip: For comprehensive feedback analysis and automated categorization, RapidDev can help build advanced feedback systems with AI-powered sentiment analysis.
Expected result: An admin dashboard displays all feedback with filtering, status management, and detail views.
Add feedback analytics
Add feedback analytics
On the admin dashboard, add a summary section at the top. Display: average rating (Do a search for Feedbacks:each item's rating:average), total count, count by category (use :grouped by), and count by status. Optionally add a line chart showing feedback volume over time using a charting plugin. This gives admins a quick overview of feedback trends and helps prioritize improvements.
Expected result: Summary statistics show feedback trends at a glance above the detailed list.
Complete working example
1FEEDBACK FORM WORKFLOW SUMMARY2===============================34DATA TYPE: Feedback5 rating (number), comment (text), category (text),6 submitter (User), page_submitted (text),7 status (text), admin_response (text), submitted_at (date)89FORM ELEMENTS:10 5 Star Icons with selected_rating Custom State11 Dropdown: category12 Multiline Input: comment13 Button: Submit1415WORKFLOW: Submit Feedback16 Only when: selected_rating > 017 1. Create Feedback (all fields)18 2. Reset inputs19 3. Hide popup20 4. Show thank you alert2122ADMIN DASHBOARD:23 Filters: status, category, date range24 Repeating Group: Feedback sorted by date desc25 Summary: avg rating, total count, by category26 Detail popup: full comment + admin responseCommon mistakes when integrating a feedback form in Bubble.io: Step-by-Step Guide
Why it's a problem: Not requiring a rating before submission
How to avoid: Add an Only when condition: selected_rating > 0 AND Multiline Input's value is not empty.
Why it's a problem: Making the feedback form too long
How to avoid: Keep it to 3 fields: star rating, category dropdown, and one comment box. Collect more details only if needed.
Why it's a problem: Not setting Privacy Rules on Feedback data
How to avoid: Set Privacy Rules so regular users can only see their own feedback. Admins can see all feedback.
Best practices
- Keep the form short — rating, category, and one comment field is sufficient
- Use star ratings for quick quantitative feedback
- Auto-capture the page URL to know where feedback was submitted from
- Set Privacy Rules so users see only their own submissions
- Review feedback regularly and update status to track what has been addressed
- Show average ratings to the team as a key metric
- Place the feedback button on every page using a Reusable Element
Still stuck?
Copy one of these prompts to get a personalized, step-by-step explanation.
I need a simple feedback form in my Bubble.io app with star rating, category selection, and comment field. I also need an admin dashboard to review and manage submissions. Can you outline the data type, form design, and admin page?
Add a feedback form to my app. Create a popup with star rating, category dropdown, and comment input. Store submissions and build an admin page to review, filter, and respond to feedback.
Frequently asked questions
Can I make the feedback form anonymous?
Yes. Add an anonymous checkbox. When checked, do not set the submitter field when creating the Feedback record. Display Anonymous instead of a user name on the admin dashboard.
How do I send an email when new feedback is submitted?
Add a Send email action after creating the Feedback record. Set the recipient to your admin email, and include the rating, category, and comment in the email body.
Can I embed the feedback form on specific pages only?
Yes. Instead of using a Reusable Element on all pages, place the feedback form directly on only the pages where you want it. Or use a Reusable Element with a conditional visibility setting.
How do I calculate NPS from feedback?
NPS uses a 0-10 scale. Promoters (9-10) minus Detractors (0-6) divided by total responses times 100. You would need a 0-10 rating scale instead of 5 stars.
Can I export feedback data?
Yes. Go to Data tab → App data → Feedback. Click Export to download all feedback as a CSV file for analysis in spreadsheet tools.
Can RapidDev help build advanced feedback systems?
Yes. RapidDev can help build sophisticated feedback platforms with AI sentiment analysis, automated routing, customer satisfaction tracking, and integration with CRM tools.
Talk to an Expert
Our team has built 600+ apps. Get personalized help with your project.
Book a free consultation