Screenshot feedback
Customers capture the current tab or upload an image. Only people with access to the project can view it.
Cut off here
Capture this tab
Upload screenshot
PNG, JPEG or WebPv0.21.0Webhooks, Slack and Discord alerts, exports, and team notes
The feedback widget that closes the loop.
Capture bugs and ideas with screenshots, run targeted 1–5 surveys, keep spam out of your inbox, and tell customers when their feedback ships. All from one script tag.
Free to start · No credit card · Installs in minutes
acme.app/checkout
Hi there, we value your feedback!
The pay button is cut off on my phone below the total.
screenshot.pngSend feedback
Powered by Supafeedback
Marked Done · Maya was emailed
Drops into any stack with one script tag
- HTML
- React
- Next.js
- Vue
- WordPress
- <script>
Every step from a customer moment to a shipped fix.
Automatic context
Browser, OS, screen size, location, page URL and user agent arrive with every report.
- Browser
- Safari 18.2
- OS
- iOS 18
- Screen
- 390 × 844
- Location
- Lisbon, PT
- Page
- /checkout
AI spam protection
Obvious promotions and gibberish move to Spam and never trigger alerts. Review or restore anything.
Export to CSV would helpInbox
Cheap SEO backlinks!!!Spam
Login loops on FirefoxInbox
Targeted 1–5 surveys
Ask one question on /onboarding/* without touching the install. See shown, conversion, the average and the full score mix.
How easy was it to create your first project?
12345
Very difficultVery easy
Average
4.2/5
Conversion
38%
What's new cards
Announce a shipped fix to everyone on your site, from the same widget. Track Shown and CTR.
What's new
Dark mode is here
You asked for it. Switch themes from Settings.
Learn more →
Status emails
Move work through New, Planned, In progress and Done. The person who asked hears back.
- New
- Planned
- In progressemail sent
- Done+ personal note
Notifications your way
Each teammate picks Instant, Daily digest or Off. Critical reports, like a failed payment, are always emailed right away.
- script tag to install
- 1
- ways to collect: launcher, your button, API
- 3
- extra scripts for surveys and What's new cards
- 0
- from sign-up to your first report
- <5 min
One widget, four jobs.
Read the installation guide →Bug reports
See exactly what broke, and on which device.
Feature ideas
Know who asked, then tell them it shipped.
Onboarding surveys
Score the first-run experience, page by page.
Release notes
Put what shipped where customers already are.
index.html
<!-- 1. Install -->
<script src="https://www.supafeedback.com/widget.js?pid=PROJECT_ID" defer></script>
<!-- 2. Use your own button -->
<button data-sf>Give feedback</button>
// 3. Know who is writing
SupaFeedback.identify({
name: "Maya Chen",
email: "maya@acme.app"
})Built for developers. Ready for agents.
One script, configured from Setup
Triggers, theme, brand color, logo, widget links, launcher and corner all change from the dashboard. Your embed never does.
Installation guide →Identify signed-in customers
Attach a name and email with SupaFeedback.identify() or data attributes, so every report shows a real person.
User identification →Widget control API
Open and close the widget from your own UI with window.SupaFeedback.open() and close(), no data-sf click required.
Widget control API →HTTP submit API for servers and agents
POST JSON to /api/feedback when a browser widget is not the right fit. Reports land in the same inbox.
HTTP submit API →Markdown docs and llms.txt
Coding agents can start at /llms.txt and read every page as plain Markdown.
Open llms.txt →Live demo
The real widget. Try it right here.
This is the same flow your customers get. Attach a screenshot, send it, then opt in to hear when the feedback is updated.
What's on your mind?
Live demoWidget by SupaFeedback
Questions, answered.
How do I add the feedback widget to my website?
Paste one script tag with your project ID before the closing body tag. Then turn on the floating Feedback button in Setup, or add the data-sf attribute to any button or link you already have.
Does SupaFeedback work with React, Next.js, Vue and WordPress?
Yes. The widget is a single vanilla JavaScript file, so it works on any site that can load a script tag, including React, Next.js, Vue, WordPress and plain HTML.
Who can see the screenshots customers attach?
Screenshots are private. Only people with access to the project can view them. Customers can capture the current tab or upload a PNG, JPEG or WebP image.
Can I know which customer sent the feedback?
Yes. Call SupaFeedback.identify() with a name and email after sign-in, or add data-sf-name and data-sf-email to your trigger, and every report shows who sent it.
How does spam protection work?
New widget feedback gets a quick AI check. Only clearly unhelpful submissions, like promotions and gibberish, move to a separate Spam folder that never triggers notifications. You can review and restore anything, and if the check is unavailable the report stays in the inbox.
Will I miss urgent feedback if I use the daily digest?
No. Critical alerts are on by default. Describe what counts as critical, such as failed payments or broken login, and matching reports are emailed immediately even when your email preference is Daily digest or Off.
Can AI agents or servers submit feedback?
Yes. Send JSON to POST /api/feedback with your project ID and a message. Agents can start at /llms.txt and read every docs page as Markdown.
Is SupaFeedback free?
SupaFeedback is free to start and no credit card is required. Create a project and install the widget in a few minutes.
Start listening in minutes. Close the loop for good.
Collect feedback, answer it, and show customers what shipped.