# How to integrate a feedback form in Bubble.io: Step-by-Step Guide

- Tool: Bubble
- Difficulty: Beginner
- Time required: 15-20 min
- Compatibility: All Bubble plans
- Last updated: March 2026

## TL;DR

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.

## Before you start

- 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

### 1. 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.

### 2. 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.

### 3. 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.

### 4. 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.

### 5. 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 code example

File: `Workflow summary`

```text
FEEDBACK FORM WORKFLOW SUMMARY
===============================

DATA TYPE: Feedback
  rating (number), comment (text), category (text),
  submitter (User), page_submitted (text),
  status (text), admin_response (text), submitted_at (date)

FORM ELEMENTS:
  5 Star Icons with selected_rating Custom State
  Dropdown: category
  Multiline Input: comment
  Button: Submit

WORKFLOW: Submit Feedback
  Only when: selected_rating > 0
  1. Create Feedback (all fields)
  2. Reset inputs
  3. Hide popup
  4. Show thank you alert

ADMIN DASHBOARD:
  Filters: status, category, date range
  Repeating Group: Feedback sorted by date desc
  Summary: avg rating, total count, by category
  Detail popup: full comment + admin response
```

## Common mistakes

- **Not requiring a rating before submission** — Without validation, users can submit empty feedback forms that provide no actionable data Fix: Add an Only when condition: selected_rating > 0 AND Multiline Input's value is not empty.
- **Making the feedback form too long** — Long forms reduce submission rates. Users abandon complex forms. Fix: Keep it to 3 fields: star rating, category dropdown, and one comment box. Collect more details only if needed.
- **Not setting Privacy Rules on Feedback data** — Without privacy rules, any user could search for and read all feedback including other users' submissions Fix: 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

## 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.

---

Source: https://www.rapidevelopers.com/bubble-tutorial/integrate-a-feedback-form-in-bubble
© RapidDev — https://www.rapidevelopers.com/bubble-tutorial/integrate-a-feedback-form-in-bubble