How to Set Up the Quiz Kit Section in Concept

The Quiz kit section helps customers find suitable products by answering a series of questions. Based on their answers, Concept displays a matching result with recommended products that customers can add to the cart individually or together.

The section includes an introduction screen, interactive questions, a results screen, and an optional email capture step. Concept 6.1.0 provides four Quiz kit presets: Audio finder, Room finder, Gear finder, and Fit finder.

Steps:

Add the Quiz kit section
  • From your Shopify admin, go to Online Store > Themes.

  • Click Customize on your Concept theme.

  • Open the page template where you want to display the quiz.

  • Click Add section and choose the appropriate Quiz kit preset.

  • Open the new section to configure its settings and blocks.

  • Click Save when finished.

docs__concept__how-to-set-up-the-quiz-kit-section-in-concept__01.webp
Customize the introduction and layout
  • Set the Subheading, Heading, and Description to introduce the quiz.

  • Change the Start button label to customize the button customers use to begin.

  • Upload an Image and enable Show the image next to the intro if needed.

  • Choose the Question area style: Outline, Tinted, Inverted, or Plain.

  • Adjust Result columns on desktop for the recommended product layout.

  • Customize the Result eyebrow and Panel footnote.

  • Adjust highlighted text, colors, section width, spacing, and other available design settings.

docs__concept__how-to-set-up-the-quiz-kit-section-in-concept__02.webp
Add Fact blocks

Fact blocks display short messages on the introduction screen before customers begin the quiz.

  • Under Quiz kit, click Add block > Fact.
docs__concept__how-to-set-up-the-quiz-kit-section-in-concept__03.webp
  • Choose an Icon if needed.

  • Enter the Title and Text.

  • Add up to 3 Fact blocks.

docs__concept__how-to-set-up-the-quiz-kit-section-in-concept__04.webp
  • Use Facts layout to display them as Tiles, List, or Hidden.
docs__concept__how-to-set-up-the-quiz-kit-section-in-concept__05.webp
Create quiz questions
  • Under Quiz kit, click Add block > Question.
docs__concept__how-to-set-up-the-quiz-kit-section-in-concept__06.webp
  • Enter the question Title and an optional Short label for the progress list.

  • Enter a unique Key for the question if you plan to use result rules or personalized text. If left blank, Concept assigns a key such as q1 or q2.

  • Choose the number of Answers: 2 to 4.

  • Select an Answer visual: Icon, Number, Image, or None.

docs__concept__how-to-set-up-the-quiz-kit-section-in-concept__07.webp
  • For each answer, enter its Label and optional Description and Chip text.

  • Assign Tags or Points to answers if you want the result to depend on those values.

docs__concept__how-to-set-up-the-quiz-kit-section-in-concept__08.webp
  • Repeat for the remaining questions. The section supports up to 8 Question blocks.
Configure matching results and recommended products
  • Click Add block > Result.
docs__concept__how-to-set-up-the-quiz-kit-section-in-concept__09.webp
  • Set the result Title and Text.

  • Under Show this result, select the matching rule:

    • When tags match: show the result when the selected answer tags satisfy its Required tags.
    • When the score is in a range: show the result when the total answer points fall between Minimum score and Maximum score.
    • Always (fallback): provide a default result when no more specific rule matches.
  • Under Products, select the products to recommend for this result (up to 4 products per result block).

  • Optionally enter a Customer tag for identifying the result in the email capture flow.

docs__concept__how-to-set-up-the-quiz-kit-section-in-concept__10.webp
  • Add more Result blocks as needed. The section supports up to 40 Result blocks.

How tag matching works

  • Answer Tags and result Required tags must use matching values.

  • Separate required groups with a comma when all groups must match.

  • Use | between alternatives when any one value in that group may match.

  • When several results match, Concept chooses the result with the most specific matching conditions. If equally specific, the earlier Result block takes priority.

Configure variant recommendations and size matching
  • In a Question block, use an answer's Variant values field if an answer should influence which product variant is selected in the result.

  • Enter the variant option values that correspond to that answer. You can also specify different values for individual products using their product handles.

docs__concept__how-to-set-up-the-quiz-kit-section-in-concept__11.webp
  • For a size-finder quiz, configure Size scale in the section settings, listing sizes from smallest to largest separated by commas.

  • Assign Points to the answers so Concept can calculate a result score and use the configured size scale.

  • Preview the results to check that the selected variants and sizes match the available product options.

Enable optional email capture
  • Click Add block > Email capture. Only one Email capture block can be added.
docs__concept__how-to-set-up-the-quiz-kit-section-in-concept__12.webp
  • Customize the email step's Title, Text, and Success message.

  • Set Customer tags to help identify customers who completed the quiz.

  • Optionally add a Newsletter checkbox label.

  • Click Save.

docs__concept__how-to-set-up-the-quiz-kit-section-in-concept__13.webp
Preview and test the quiz
  • Open the storefront preview and click the quiz's Start button.

  • Select different answers and check the question progression.

  • Verify that the correct result and recommended products appear.

  • Test product variants, individual add-to-cart actions, and Add all.

  • If you use Email capture, test the form and any connected email automation.

  • Click Save after making adjustments.

Troubleshooting

  • Quiz not appearing: Confirm the section has at least one Question block and is enabled in the template.

  • Unexpected result: Check each answer's Tags or Points and the corresponding Result matching rules.

  • No matching result: Add an Always (fallback) Result block. Check the Theme Editor for notices about unmatched answers, duplicate question keys, or unknown tags.

  • Missing recommended products: Check the Products setting in the matching Result block and the products' storefront availability.

  • Incorrect product variant: Check Variant values, product option values, and Size scale if used.

  • Email results not arriving: The Email capture block does not send messages itself. Check your Shopify Email or Flow setup.


Need Further Assistance

If you encounter any issues or need additional help with your Concept theme, please contact our support team via our Ticket System for assistance within 8 hours.