Point at it. Say what's wrong. Send the picture.
Feedback is a widget you drop on your site. Anyone looking at a page can point at an element, write a comment on it, and send the whole page, outlines and comments included, to your project as one image.
An email address, no card. The visitor needs no account at all.
Click to point; hold to draw.
Only what is visible now, with your comments below.
This panel is a drawing. The button in the corner is the widget itself: open it, point at anything on this page, write on it and send. It lands in our project the way yours will land in yours.
What lands in your project
Every report opens as the picture the visitor saw, pins burned in, with the comments beside it wearing the same numbers. Under them, what nobody can describe from memory: the browser, the screen, light or dark, the language and the time zone.
shop.example.com
Opened 2 minutes agoViewport 1440 × 900
Comments
- The headline wraps on my phone.
- This button is off the screen on my tablet.
Technical file
- Browser
- Chrome 130 on macOS
- Screen
- 2560 × 1440
- Theme
- Dark
- Language
- fr-BE
- Time zone
- Europe/Brussels
Posted to #bugs on Slack as it arrived.
Connect Slack and each report announces itself in the channel you choose. Connect Linear and one click files it as an issue, picture included.
Three steps, and the visitor needs no account
Point
A picker highlights whatever the cursor is over, the way browser devtools do. Click to attach a note to it, or hold to draw a rectangle.
Comment
Each note gets a coloured outline and a numbered pin. The panel doubles as the legend, so nothing is ambiguous about which element is meant.
Send
One click renders the page with every outline and the legend into a PNG and sends it to your project. Copy puts the same image on the clipboard instead.
What never leaves the page
A visitor is handing you a picture of your own product with their data on it. The widget draws the line before the picture is taken, and the visitor can see where it is.
- Form fields, text areas and embedded frames are left out of every image by default.
- Mark a region with
data-feedback="private"to blur it,data-feedback="public"to keep it readable, or list selectors indata-exclude. Without a marker, navigation and controls stay readable and the rest blurs. - The snippet says what the site shows. An application keeps the default blur; a public site such as a showcase or documentation blurs nothing unless the page marks it. Pick it in the project's install options.
- A report carries the page's origin, not its path, its query or its title.
- Console recording is off until you turn it on, and then keeps levels and timings, not messages.
- The visitor sees what is hidden, can hide more before sending, and can choose to show a region for that one report.
Your own script tag
A project gives you one line to paste before the closing body tag. It carries your key, initialises itself, and reads its options from its own attributes.
Options
- data-position
- Which corner the button starts in: top-left, top-right, bottom-left or bottom-right.
- data-offset-x
- How far the button sits from the left or right edge, in pixels, without a unit. Defaults to 20.
- data-offset-y
- How far the button sits from the top or bottom edge, in pixels, without a unit. Defaults to 20.
- data-compact
- Whether the button keeps its label. auto, the default, drops it only on narrow viewports; always keeps the icon alone.
- data-accent
- The colour of the button and of the widget's panel.
- data-locale
- Force the widget's own language instead of detecting the visitor's.
What it costs
Past your plan's monthly quota, new reports are kept and hidden, not dropped: upgrading reveals them.
Already have an account?
Sign in to manage your projects and browse what came in.