Micro Survey Popup

A one-question feedback widget with an emoji scale. Two taps to answer, zero friction, real data to your backend.

Copied 0 times.

×

How was your experience today?

😠🙁😐🙂😍

Customize the prompt

Build a one-question micro survey popup for my website. Match my existing design system, colors, and fonts.

STRUCTURE
- A small card anchored to the bottom-right corner of the viewport (bottom-full-width on mobile with safe-area padding), max width 340px, rounded corners, soft shadow, close X in the corner.
- Card contents: the question in one short line, the answer scale, and nothing else. No name field, no email field, no second question.

QUESTION
- The question is satisfaction: "How was your experience today?" answered on a 5-emoji scale from frustrated to delighted, rendered as 5 tappable emoji buttons. Store the answer as 1-5.

TRIGGER
- Show it after the visitor has been on the page for 30 seconds of activity (pause the timer while the tab is hidden).
- Frequency cap: once answered or dismissed, set a localStorage flag and do not show again for 90 days. At most one show per session regardless.

BEHAVIOR
- Tapping an answer submits immediately: no confirm button. Send the value plus page URL and timestamp to my backend; leave a clearly marked TODO where the request goes, with the payload shape typed out.
- After answering, swap the card content for a one-line thank-you and auto-hide after 2 seconds.
- Slide-in from the bottom, 200ms; slide-out on close. Never cover primary page CTAs: offset above any sticky bar my site already has.

ACCESSIBILITY AND QUALITY
- role="dialog" (non-modal: no focus trap, page stays usable), aria-label on the card and on every answer button.
- Answer targets at least 44x44px; keyboard-reachable with visible focus.
- No layout shift: the card overlays, it never pushes content.
- If the visitor never interacts, hide it after 45 seconds and count that as a dismiss for the session only (not the 90-day flag).

QUESTIONS
- Before you build, find or ask for: where the answers are sent (my backend or analytics endpoint). Check my project and site first; whatever you cannot find there, ask me for. Never invent these or ship placeholders.
- If anything else about my brand or content is unclear, ask me before inventing.

What it does

The micro survey asks your visitors exactly one question, right on the page, and answering takes one tap. No name field, no email box, no second question hiding behind the first. That's why people actually answer it.

  • Answering takes one tap; there's no confirm button to slow it down.
  • Each answer lands with its page and time attached, then the card says thanks and slips away after 2 seconds.
  • It sends to wherever you collect feedback, through one marked spot.
  • Anyone who answers or closes it gets 90 days of quiet.
  • At most one show per visit, and 45 ignored seconds make it tidy itself away.

How it works

  1. 1Pick when it appears, after 30 seconds on the page or right as someone moves to leave, and what it asks: smiley faces or a 0 to 10 score.
  2. 2Copy the prompt, the plain-text instructions your AI follows, into whichever AI you use.
  3. 3Your AI builds the little card, the answer buttons, and all the timing rules in your site's own look.
  4. 4Point the marked spot in the code at wherever you collect feedback, so every answer lands with its page and time attached.
  5. 5Tap an answer to test it: it should send instantly, say thanks, and tidy itself away after 2 seconds.
  6. 6Check your phone too: the card should sit along the bottom edge and never block the buttons you want pressed.

What you can customize

  • When it shows: after 30 seconds catches people mid-visit; exit intent asks just as they're about to go, when the memory is freshest.
  • What it asks: satisfaction is five smiley faces from frustrated to delighted; the 0 to 10 version asks how likely they'd be to recommend you.
  • The question wording, colors, and card style adapt to your site, because your AI builds it right inside your own design.

You'll also like