Recipe: a product recommendation quiz

Help shoppers find the right product by answering a few questions. In this recipe you start from the built-in Product Recommendation Quiz template, score the answers, plug in your own products, and publish a standalone quiz page you can link to from anywhere on your store.

The finished result: a full-page quiz that asks a few questions, captures an email, then shows each visitor a short list of products matched to their answers.

Before you start

Have a few products in your Shopify catalog ready to recommend. The template ships with an empty product list, so you will add your own.
Decide what you want to match on. The template comes with three example score categories (health, energy, and performance). You can keep them, rename them, or replace them with categories that fit your catalog (for example skin type, fit, or use case).

Steps

1. Create the quiz from the template

On the Popups home page, click Create popup, open the Quizzes tab, and click the Product Recommendation Quiz card. It carries a Ready-made tag.

A Where will visitors see this? window appears. For a product recommendation quiz, choose Standalone page (own URL). Its own description names product recommendation quizzes as the use case, and it gives the quiz its own full-page experience on your store. You can change this later in the editor under Container settings.

This builds a seven-step quiz: an intro screen, three questions, an email capture step, a loading screen, and a results step.

2. Edit the questions

Open each question step and edit the wording and answers to fit your products. All three question steps are Quiz Question steps. In the template, the first two already have scoring filled in on their answers, while the third (dietary restrictions) has its answers left unscored, so it is collected but does not affect the result. Use a question that way for anything you want to learn about shoppers without changing what they see.

For a new scored question, use a Quiz Question step. The Survey step is the option for an unscored question (its picker description reads “Multiple choice question (no scoring)“).

3. Score the answers

Scoring is how answers point toward products. Open an answer’s settings and expand the Scoring section. You will see two fields:

Score weight: a number. Higher means a stronger match.
Score category: a short name for the bucket the weight adds to (for example health).

Visitors build up scores across the quiz. If several chosen answers share a category, their weights add together. Give the answers that should point to a given product group the same Score category, and give your strongest signals a higher Score weight.

The template already has weights filled in on the first two questions, so use those as a model for your own.

4. Add your products to the results step

Open the results step and find the Product Results section. Use the product search inside the panel to browse your Shopify catalog and add the products you want to recommend. The template ships with no products, so add at least one: if you publish with an empty list, the live results step shows the text “No recommendations” to visitors.

For each product you can expand its Score mapping and set a Score category, Min score, and Max score. The product appears only when the visitor’s score in that category falls between the minimum and maximum you set. A product with no Score category is always shown, which is handy for a default or best-seller pick.

You can also choose how each card looks under Display options: Layout set to Grid (2 columns) or List (single column), plus toggles for showing the image, price, and description.

5. Publish

Your edits stay in draft until you publish. Click Publish changes in the editor’s top bar. On success you will see a “Published to storefront” message.

If publishing is blocked, you will see validation errors (for example a step that routes to a non-existent step). Fix those and publish again.

For the standalone quiz page to actually open for visitors, the popup must be live, not just published as a draft. Publishing copies your drafts to the live version; making the quiz live is what lets the shared link serve it.

Open the popup’s detail page (the screen you land on before the editor) and click Go live in the top right. Once live, that button reads Pause.

With the quiz live, open the editor and click Get share link in the top bar. It copies an on-store quiz URL to your clipboard and confirms with “Share link copied to clipboard”. Paste that link into a menu, a landing page, an email, or an ad.

Note: the Get share link button only appears when the display mode is the standalone quiz mode you picked in step 1. If you chose the popup overlay instead, there is no share link, and the quiz shows as an overlay on your storefront.

Make it yours

Use your own categories. Type any Score category name on an answer to create it. The same name on a product’s Score mapping is what links the two together. Once your quiz has categories, you can rename or remove them under Score categories in the container settings.
Tune the difficulty of a match. Widen a product’s Min and Max score range to show it to more visitors, or narrow it for a tighter match.
Add a catch-all product. Leave one recommended product with no Score category so every visitor always sees at least one suggestion.
Adjust how many questions score. Not every question has to drive the result. Leave some answers unscored to learn about your shoppers without changing what they see.

Tips

Keep your weights consistent. Decide on a simple scale (say 1 to 3) and use it across every question so no single answer overpowers the rest.
Test the whole flow with the share link before you promote it. Walk through it as a shopper would and confirm the products you expect show up for each set of answers.
If you want to email results or follow up later, the capture step collects an email partway through the quiz. See the email capture and Klaviyo guides for connecting that up.