Quiz editor
Build and test your quiz in a separate storefront.
Quiz settings
Changes are private to this browser until you update the storefront.
Build your quiz
Arrange your questions, then select answers to recommend products.
This quiz uses earlier branching. Switch to a simple question sequence to use the answer tree. Earlier routes stay saved but become inactive.
Recommendations
Select products from your connected store, then choose how shoppers see their matches.
Store products
Choose products for this quiz. Product names, links and store images come from your store.
Selected products
Only the image can be changed for this quiz. Your store product stays unchanged.
Default results & advanced matching
Used when an answer has no product assignment. Product details here are also reused for assigned products.
Conditional pages are checked in order, then the fallback is used. For points matching, assign product points to each answer. For result nodes, add results at the end of the quiz flow; the result that fits shoppers best is recommended.
Product cards
A product-page link is used when a product cannot be added safely. Cart actions are simulated in the local preview.
Styles & settings
Choose a look and adjust the storefront experience.
Colors & typography
The button border card can override the default radius.
Custom CSS is scoped to this quiz. Hosted fonts and images must be publicly reachable for a live store.
Experience
If email is optional, shoppers can continue without entering an address.
Advanced quiz configuration
Edit additional backend configuration. Changes here are validated before previewing.
Published quiz preview
Preview a published quiz using the store loader. Publish draft changes before testing them.
Display and appearance settings selected in the local editor also apply to this preview. Cart actions are simulated in preview mode.