Sections

Style DNA quiz

The Style DNA quiz walks a customer through a short set of questions, then routes them to a matching result: a recommended collection or product based on the answers they gave. It's a good fit for stores where fit, skin type, or style preference genuinely changes what you'd recommend.

The Style DNA quiz section on the homepage.
The Style DNA quiz section on the homepage.
The Style DNA quiz section's settings panel.
The Style DNA quiz section's settings panel.

Section settings

SettingWhat it does
KickerSmall label shown above the heading.
HeadingMain heading for the quiz.
Intro textRich text shown before the first question, used to explain what the quiz does.
Result kickerSmall label shown above the result once the quiz finishes.
Result CTA labelButton text shown with the result.
Fallback collectionUsed when the customer's answers don't match any Result block. Always set this so nobody reaches a dead end.
Color schemeSets the section's colors from your theme's color schemes.
Top padding / Bottom paddingSpacing above and below the section, in pixels.

Question blocks

Add one Question block per question in the quiz. Each question holds its own answer choices, and each answer choice carries a value. It's this value, not the visible answer text, that gets matched against your Result blocks later, so keep your values short and consistent (for example bold, classic, minimal) across every question.

Result blocks

Add one Result block for each outcome you want the quiz to be able to reach: for example one result per style profile or one per product line. Each Result block is matched against the value(s) collected from the customer's answers, and it points to either a collection or a product to recommend.

If a customer's combination of answers doesn't line up with any Result block you've built, the quiz falls back to the collection set in Fallback collection above, so the experience never comes up empty.

Tip: Plan your answer values on paper before building the quiz in the editor. Decide which values map to which result up front, it's much faster than reworking the mapping after you've already added ten Question blocks.