Introducing Feedback Widget: In-App Screenshots Without the Hassle
Just shipped something we’ve been working on and wanted to share it with the community.
Feedback Widget lets your users capture a screenshot of any part of your app and submit it directly—without leaving the page or juggling external tools.
How it works
When a user triggers a capture, a selection overlay appears. They drag to select exactly what they want to screenshot. The image is then passed back to your workflow along with detailed browser and device info (OS, screen size, browser version, etc.).
No more “can you describe what you’re seeing?” back-and-forth. You get the visual plus the technical context in one shot.
Use cases
- Bug reports — Users show you exactly what’s broken, and you get the environment details to reproduce it
- Design feedback — Clients can circle what they want changed instead of writing a paragraph
- Support tickets — Screenshots attached automatically, fewer follow-up questions
- Internal QA — Your team can flag issues during testing without switching apps
Why we built this
We got tired of asking users to install browser extensions or walk me through screenshots over email. Wanted something native to the app that just works.
Check it out: Feedback Widget on Bubble
Would love to hear how you’d use this, or if there are features you’d want added.
Feedback Widget — Major Update
Pushed a significant update to Feedback Widget today. Here’s what’s new:
Annotation layer
After drawing a selection, users can now mark up the screenshot before it’s captured. Arrow tool and text labels, both working on desktop and mobile. Confirm when done, the annotated version is what gets saved.
Screen recording
Two new actions — Start recording and Stop recording. Uses the browser’s native MediaRecorder, no third-party dependency. Configurable max duration with auto-stop (default 30s, up to 3 minutes). Recording uploads to your Bubble file storage the same way screenshots do. Two new events fire alongside this: Recording started and Recording stopped, so you can show/hide indicators in your UI independently of the Feedback captured event.
Console log capture
Optionally intercepts browser console output and includes the most recent entries in the Feedback JSON payload. Means bug reports come with the screenshot and any JS errors attached in the same submission.
Mobile selection mode
The freeform drag was causing scroll conflicts on touch devices. On mobile the overlay now shows a pre-set selection box with four draggable corner handles instead. No scroll interference. Can also be forced on via a property if you want the handle UI on desktop too.
All new features are off by default — existing setups are unaffected.
Full docs updated on GitBook: Feedback Widget | No-Code Venture
