Results Screen

How recommendations are shown: products and cart buttons, what happens when nothing matches, results emails, reviews and subscriptions.

The Results Screen is what shoppers see after completing the quiz — their personalised product recommendations, cart buttons, and an option to retake. Click Results Screen at the bottom of the question list to open it in the editor.

Loading screen

Text shown to the shopper while results are being calculated.

Heading — the main line shown during the loading animation, e.g. "Finding your perfect match..."

Subheading — a secondary line below the heading, e.g. "Personalising your recommendations."

Results header

The block of copy that appears above the product list on the results screen.

Eyebrow label — a small label shown above the heading, e.g. "Your personalised recommendation". Leave blank to hide it.

Heading — the main heading shown to the shopper after their results load, e.g. "Thank you, {name}." Use {name} to insert the shopper's first name if the quiz collects it (on the welcome screen or before the results).

Subheading — a line below the heading, e.g. "Here are your results."

Product list label — a small label shown above the product grid, e.g. "YOUR RECOMMENDATIONS". Leave blank to use the default.

Order summary heading — the heading shown above the order summary panel, e.g. "Order summary".

Empty cart message — text shown inside the order summary when no products have been added to cart yet.

Order summary texts

The small texts inside the order summary. Change them to match your store's language — for example on a French store. Leave any of them blank to use the English text.

Option dropdown text — shown in each option dropdown (size, colour, length…) before the shopper picks, e.g. "Select {option}". {option} is replaced by the option's name from your store, so "Choisir {option}" shows "Choisir Longueur" for an option called Longueur. Without {option} the text shows exactly as written.

Option not chosen message — shown under a product while one of its options is still unchosen, e.g. "Please select an option".

Option unavailable message — shown when the shopper's choices make a combination your store doesn't sell, e.g. "This option isn't available".

Message above the buttons — shown above View cart and Checkout while any product still needs its options chosen, e.g. "Please select an option for all items before continuing." The buttons stay off until every option of every product is chosen, so a shopper never gets an option they didn't pick.

Remove link, Subtotal label and Add option link — the "Remove" link under each product, the "SUBTOTAL" label, and the "Add another option" link for products with several options.

Results

Max products shown — how many recommended products to display. Between 1 and 20. Recommended: 3–8.

Why these recommendations

Show shoppers why each product was picked — off by default, so the results page looks exactly as it always has. Turn it on to explain the results with the shopper's own answers. It has two parts, each with its own switch: an AI summary under the heading (Starter plan and above) and Matches lines on the products (every plan).

AI summary

Show an AI summary under the heading — a short note in a box under the results heading, written by AI from the shopper's answers and the products they were recommended (for example: "Since your hair is curly and dry, Hibiscus Oil leads your picks…"). Starter plan and above; it uses no AI credits. On the Free plan the switch is locked and shoppers never see the box.

• The results never wait for it. The box appears with soft placeholder lines and fills in a second or two later; if no summary can be written it fades away.
• Each shopper's summary is saved on their response: you can read it on the Responses page, and the results email includes it. Shoppers who give exactly the same answers and get the same products reuse the same text.
• It only uses your quiz's own answers and your product names and descriptions, names at most three products, and never makes health or medical claims. Answers that vote for all products (like "Not sure") are left out. No shopper name or email is sent to the AI.
• Each month a store gets up to its plan's monthly responses in new summaries.

Settings: Heading (default "Why we picked these"), Tone (Friendly, Expert or Minimal), Length (Short: 2–3 sentences, or Medium: 4–5), Language (default: the language your questions are written in; or the shopper's browser language; or a language you choose), Never say (words or topics to avoid) and Brand notes (your voice, words you prefer).

The heading row opens and closes the box. Choose the Show / hide icon (chevron, plus/minus, triangle, arrow or none), whether to show the words and what they say (default "Show" / "Hide"), and whether it starts open on desktop (default on) and on phones (default off). Closed, the box shows the heading and the first line, faded. Add a "written with AI" note (off by default) adds a small line under the text (default "Written with AI from your answers").

AI summary style — box width (default 640px on desktop, full width on phones), background, border colour, corner radius, padding and text alignment; heading colour, font, weight, size and text transform; text colour, font, weight and size; show/hide colour and size; note colour and size.

In the builder's Preview the summary is written for real, free, about 50 times a day per store; after that the preview shows sample text with a note (shoppers are never affected).

Matches lines

Show matched answers on products — adds a Matches line to each recommended product, just under its name, tags and price: the shopper's answers that voted for that product, shown as small chips, strongest first (answers that pinned the product with Always include come first, then the most votes). It comes straight from the votes, so it always agrees with the ranking: only questions the shopper was shown count (skipped and jumped-over questions don't), and an answer that takes votes away is never listed.

Answers that vote for all products (for example "Not sure") say nothing about a particular product, so they are left out — unless a product has fewer matching answers than the chips shown, in which case they fill the remaining places.

Each chip shows the answer only. Tapping the line opens the full list right under it, with each answer's question ("How does your scalp feel? Oily"); tapping again closes it. Long answers are cut with "…" and the line never takes more than two lines: answers that don't fit go into +N. Because the question only appears on tap, answers like "Yes" or "No" read best when they say what they mean ("Yes, I use heat tools"); the Quiz check points these out.

Settings: Show a label before the answers and the Label (default "Matches:"), Answers before "+N" (1 to 5, default 3), and Show an arrow after the answers.

Style (a collapsible row inside the card) — label colour, font, weight, size and text transform; chip background, text and border colours, corner radius, font, weight, size, text transform and the longest chip before "…" (default 160px on desktop, 120px on phones); "+N" colours; arrow colour; the opened list's question colour, answer colour and size. Anything left on Default (colours) or Theme (font menus) matches the product tags and your quiz colours.

The Matches line shows in the builder's Preview too.

Cart buttons

Controls which action buttons appear on each product card.

Show Add to cart — displays an "Add to cart" button on each product. When enabled, set the button text and the text shown after a product is added (e.g. "Added").

Show Checkout button — displays a checkout button. When enabled, set its label text.

Products with options — when a recommended product has options (Shopify variants, WooCommerce variations), the shopper picks one in the order summary. After picking, an Add another option link lets them buy more than one option of the same product (for example a red and a black shirt). Each option is its own line with its own quantity, and every line is added to the store cart. Choosing an option that's already in the summary adds to that line's quantity. This works on every quiz with no setup.

Show View cart button — displays a link to open the cart. When enabled, set its label text.

Auto-add all to cart on load — automatically adds every recommended product to the shopper's cart as soon as the results screen appears. Use with care — most merchants leave this off.

No results fallback

Controls what happens when no product matches every answer a shopper gave (for example, a filter and a price range that nothing in stock fits).

Relax last filter (default) — the filters the shopper answered are lifted one at a time, most recent first, until products appear. The shopper sees "Nothing matched every answer, so here are your closest matches." above them. Votes from a lifted filter question still count. If nothing appears even with every filter lifted (for example, no answer on that route gives any product a vote), the shopper sees "No perfect matches found", your message, and a Retake button.

No results message — shows "No perfect matches found" and your message. There's no Retake button in this block (the separate Show retake button link below still shows if it's on).

Prompt to retake — shows "No perfect matches found", your message, and a Retake button.

The message box (e.g. "We couldn't find a perfect match. Try adjusting your answers.") can be edited whichever option you choose.

A response that got the closest matches records fewer filters matched than filters total (sent to Google Analytics 4, Zapier and webhooks). The Quiz check shows which routes would only get the closest matches (orange) and which would stay empty (red).

After results

Show retake button — displays a "Retake quiz" link below the product list. When enabled, you can customise the button text.

Show account prompt — marked Coming soon; it can't be switched on yet.

Email me my results

Ask shoppers without an email — off by default. When on, shoppers who reach their results without giving an email (they skipped an optional email, or the quiz doesn't ask for one) see a small line just above Retake quiz, styled like the Retake link. Clicking it opens an email field (plus the newsletter checkbox, when the quiz shows one next to its email field) and a button. Shoppers who already gave an email never see it. Available on every plan.

The email is saved on that shopper's response and works like any other: Klaviyo, Mailchimp and HubSpot sync, newsletter sign-up (only if ticked), Zapier and webhook lead events, Meta and TikTok Lead events, and the Responses page. If Email results is on, the results email is sent too. Analytics → Email Capture Rate counts these emails as Results page.

The texts adapt to Email results. With it on: "Email me my results", button "Send", confirmation "Sent! Check your inbox." With it off: "Stay in touch: add your email", button "Save", confirmation "Thanks, we've saved your email." You can change the line text, button text, field placeholder, confirmation and the error message (default "Something went wrong. Please try again.", shown if the email can't be saved), and hide the mail icon.

Style (a collapsible row inside the card) — line colour, size and text transform; confirmation colour; error message font, weight, size, colour and text transform; field colours (typed text, placeholder, underline, underline while typing); checkbox and its label; button colours, hover colours, font, weight, size, text transform, corner radius and padding. Anything left on Default (colours) or Theme (font menus) matches the Retake link and your quiz colours.

The Quiz check suggests turning this on when shoppers can finish without an email.

Email results

Send results to shopper's email — emails each shopper their recommended products after they complete the quiz (only shoppers who gave an email). It's sent once, about 2 minutes after the results show, so a shopper who goes back and changes an answer gets their final picks. When on, set the Email subject line (default: "Your personalised recommendations"). Requires the Starter plan or above and a connected Resend account — until Resend is connected, the card shows a link to the Integrations page instead. The email's design is set on the Email Template page.

When the quiz has Why these recommendations on, the email also includes the shopper's AI summary (under your intro text, with the summary heading) and a Matches line under each product. For a quiz with the AI summary on, the email waits until the summary is written (normally a few seconds, never more than 2 minutes) and then sends, with or without it.

Subscriptions

Offer subscribe & save on results — gives each recommended product that has a subscription plan a One-time / Subscribe & save choice with your delivery frequencies. Works with Recharge, Shopify Subscriptions, Skio, Loop and other subscription apps on Shopify, and WooCommerce Subscriptions. Off by default; Starter plan and above. When on, choose the option selected by default, the savings badge and the labels. See Subscriptions for setup.

Product reviews

Show star ratings on results — shows each recommended product's star rating and review count from your reviews app (Judge.me, Yotpo, Loox, Okendo, Stamped and others) or WooCommerce reviews. Off by default; all plans. When on, choose the review count style, the position on the card, the minimum number of reviews, whether to show products without reviews, the Top rated badge and Break ties by rating. The Reviews style row sets star size and colours, rating text and badge colours (empty fields follow your quiz theme). See Product reviews for setup.

Style settings

The results screen has extensive typography and colour controls for every element. These are all independent — you can style each section without affecting others.

Each style area is a collapsible row placed right after the card it styles: for example the header typography rows after Results header, the cart button styles after Cart buttons, and Reviews style after Product reviews. Click a row to open it; one row is open at a time. The order summary parts below are together in one Order summary style row.

Heading typography — font family, weight, size (desktop + mobile), color, and text transform for the main "Thank you" heading.

Subheading typography — same controls for the line below the heading.

Eyebrow label typography — font family, weight, size (desktop + mobile), color, and text transform for the small label above the heading.

Product list label style — font family, weight, size (desktop + mobile), color, and text transform for the label above the product grid.

Product card — controls the shape and image sizes of each product card:

• Card border radius and image border radius
• Desktop image height and width
• Mobile image height and width (leave width blank to fill available space automatically)
• Card background color and border color

Product name — font family, weight, size (desktop + mobile), color, and text transform for the product name on each card.

Tag / collection label — Show tags on product card (on by default) plus typography for the small tag or collection label shown on each product card.

Subscription options style — colours and fonts for the One-time / Subscribe & save choice (shown when subscriptions are on). Empty fields follow your quiz theme.

Reviews style — star size and colours, rating text and badge colours (shown when star ratings are on).

Description — typography for the product description text on each card.

Price style — font family, weight, size (desktop + mobile), and color for the product price.

Add to cart button style — full styling for the add to cart button: background, text color, border color and width, border radius, font size, font weight, text transform, and padding X/Y. Separate controls for normal, hover, and active/added states.

View cart button style — background, text color, border color and width, border radius, font size, font weight, padding Y, and text transform. Normal and hover states.

Checkout button style — same controls as the view cart button. Normal and hover states.

Retake button style — color and text transform for the retake link.

Order summary heading style — font family, weight, size (desktop + mobile), color, and text transform.

Empty cart message style — font family, size (desktop + mobile), and color.

Order summary item name style — font family, weight, size (desktop + mobile), and color.

Order summary item price style — font family, weight, size (desktop + mobile), and color.

Order summary quantity style — font family, weight, size (desktop + mobile), and color.

Order summary subtotal label style — font family, weight, size (desktop + mobile), and color.

Order summary subtotal value style — font family, weight, size (desktop + mobile), and color.

Saving

Click Save changes in the sticky bar at the bottom. This saves all your unsaved changes in the quiz, not just this screen. Changes are not saved automatically.