Survey design & appearance
Match the survey to your brand: position, width, colours, font and the backdrop.
The Design tab controls how the survey looks on your site. Everything here is per survey, so a quiet NPS prompt in the corner and a full-width post-purchase survey can look completely different.
Layout
- Widget position — which corner or edge the survey anchors to. Ignored when the survey is opened from a link instead of the on-site widget.
- Width (px) — the widget's maximum width. It shrinks below this on narrow screens.
- Corner radius (px) — 0 for square corners, higher values for a softer card.
Colours and type
- Accent — drives selected states, the progress bar and rating highlights.
- Background and Text — the survey card itself.
- Button and Button text — the submit and next controls.
- Page background — only used by the hosted survey page, behind the card.
- Font — picks from a small set of web-safe stacks so nothing extra is downloaded onto your visitors' pages.
Logo and progress
Logo URL puts an image above the first question. Use an absolute HTTPS URL that is publicly reachable — the survey renders in your visitors' browsers, not on our servers.
Show a progress bar is worth turning on for anything longer than three questions; it measurably reduces drop-off part-way through.
Dimming the page
Dim the page behind adds a backdrop over your site while the survey is open, with Backdrop opacity controlling how heavy it is. It makes the survey impossible to miss, which is right for an exit survey and wrong for a passive feedback prompt.
Changes preview live in the panel beside the form. Next: decide who sees the survey.