Feedback Banner
A rounded muted row pairing a one question rating prompt and helper line with a five point scale bracketed by low and high labels.
A rounded muted row pairing a one question rating prompt and helper line with a five point scale bracketed by low and high labels.
Search blocks by description or jump to a page.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Feedback Banner asks one question without pulling a reader off the page. A rounded muted row opens with a message icon square, carries a short rating question in semibold with a helper line underneath, and closes on the right with a five point scale of tap targets bracketed by low and high labels. Selecting a rating fills that number and swaps the helper for a short thank you, so the whole exchange takes a single tap.
The row is a client component that holds only the chosen rating, so it renders anywhere and hands the value back to your app. Wire the selection to your analytics to make it live, and swap the rest freely: rewrite the question and helper, relabel the ends of the scale, or change the count of points. The muted surface keeps it inline, so it sits between sections as a quiet check rather than a modal that blocks the read.
Reach for this block at the foot of a page or article where you want a pulse on whether it landed. It works well under documentation, a help center answer, or a long form post, where a reader who just finished can rate the page without leaving it. The one tap design keeps the cost of answering near zero, so it gathers signal from people who would never open a full survey.
A natural flow around it on a Marketing Pro page:
Before
After
The obvious fit is a was this page useful rating. A few other ways to use the frame:
Tip: label both ends of the scale so a number means the same thing to everyone, an unlabeled row of digits invites guesses instead of ratings.