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 collected on the welcome screen.
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.
Results
Max products shown — how many recommended products to display. Between 1 and 20. Recommended: 3–8.
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 results
Send results to shopper's email — emails each shopper their recommended products after they complete the quiz (only shoppers who gave an email). 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.
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 card 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.
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.
Was this page helpful?
Need more help? Open Ask Ana AI in your dashboard, or email support@shopper-quiz.com.