Feedback BubbleNo widget state to maintain
The isolated widget owns its open, closed and submission states outside your component tree.
React feedback widget
Add website feedback to a React application.
Load one external script after your application mounts, keep the public site key in configuration and let Feedback Bubble handle the interface.
Screenshot placeholder
React application with the feedback launcher open and a code panel showing the loader setup
Why it works
Keep feedback close to the experience.
A short submission flow and useful automatic context make it easier for visitors to report something and for you to understand it.
Works across routes
The loader requests the current page context when a visitor submits, not only when the app first loads.
Design without releases
Update the bubble in the dashboard rather than shipping another frontend bundle.
Setup
From a new bubble to a real message.
Each website keeps its own design and approved origin while every accepted message reaches the same private workspace.
- 1Create a loader componentAppend the script once when the application mounts and remove it during cleanup if needed.
- 2Set the public site keyUse the generated key for the bubble assigned to this application origin.
- 3Verify a real routeNavigate inside the app and send a test message to confirm current route context.
Code example
A small installation surface.
Replace the example key with the value generated for your bubble.
FeedbackBubbleLoader.tsx
import { useEffect } from "react";
export function FeedbackBubbleLoader() {
useEffect(() => {
const script = document.createElement("script");
script.src = "https://www.getfeedbackbubble.com/widget/v1.js";
script.dataset.site = "YOUR_SITE_KEY";
script.defer = true;
document.body.appendChild(script);
return () => script.remove();
}, []);
return null;
}Common questions
Useful details before you install.
Is there an npm package to install?
No package is required. Feedback Bubble uses a small external loader so the widget configuration remains independent of your React bundle.
Is the site key a secret?
No. It is a public identifier. Server-side origin checks determine where that key is allowed to work.
Do visitors need an account to leave feedback?
No. Visitors submit directly through the website widget. If reply requests are enabled, they can optionally leave an email address.
Start listening where the experience happens.
Create your first feedback bubble, match it to your website and install it with one script.