Pinned feedback — also called contextual or visual feedback — means leaving a comment that is anchored to a specific element on a live web page (a button, a heading, an image), rather than describing it in text somewhere else. Instead of "the button near the top is the wrong colour", you click the button itself and the comment sticks to it.
How it works under the hood
When you open a site inside a review tool and click an element, the tool records a "fingerprint" of what you clicked — a combination of the element's CSS selector, its position in the DOM tree, nearby text, and its relative coordinates. That fingerprint is what lets the comment re-attach to the right element later, even after you scroll, reload, or the page changes slightly.
Good tools use multiple fallbacks (a "re-anchoring engine"): if the exact selector changes, they fall back to the DOM path, then to nearby text, then to geometry. That's why a well-built pin survives small site edits instead of drifting to the wrong place.
Pinned feedback vs the alternatives
vs Screenshots
A screenshot freezes one moment of a living page. It loses interactivity, state, and the exact element reference — the developer has to find everything again. Pinned feedback keeps the comment on the real, interactive page.
vs Design-file comments (Figma, etc.)
Commenting in a design file is great before build — but the design and the built site drift apart fast. Pinned feedback on the live site catches the gap between "what was designed" and "what actually shipped", including responsive and browser-specific issues a static design can't show.
vs Bug trackers / spreadsheets
A ticket that says "footer links broken on mobile" still requires a developer to reproduce the context. Pinned feedback carries the page, element, and state with it — and the best tools turn the pin into a tracked task automatically, so you get the context and the tracking.
Where pinned feedback shines
- Client website reviews — clients point instead of describing, with no tool to learn.
- QA and bug reporting — exact element + state means fewer "can't reproduce" loops.
- Design QA — checking that the built site matches the design, pixel for pixel.
- Cross-device review — catching issues that only appear at specific breakpoints.
What to look for in a tool
- Reliable re-anchoring (pins that don't drift when the site updates).
- Works on the live site without installing anything on it.
- No-login option for clients.
- Comments that become trackable tasks.
- Screen recording for complex feedback.
- Responsive/breakpoint review.
UX Peeker is a pinned-feedback tool for live websites and web apps that covers all of the above: click any element to leave a comment, record your screen, review across breakpoints, share a no-login client portal, and turn every comment into a task that links back to its exact pin.