PerfectMatch: AI Shopping Quiz gives you design controls at every stage, so the quiz looks like a natural part of your store.
Style presets when you create a quiz
The final step of the quiz creation wizard is a Design step with a live preview (you can toggle between a question and a results view). Choose from 6 style presets:
Your store — automatically pulls colors from your live Shopify theme, so the quiz matches your branding out of the box
Minimal — clean and white
Neutral blue — soft blue accent
Editorial — refined, magazine-style look
Warm — cozy, warm tones
Dark — dark background with high contrast
Themes and colors in the quiz builder
In the quiz builder's Styles tab you can go further. Each quiz can have multiple named themes — add, rename, duplicate, or delete them, and select which one is active. Every theme has three editable colors: Primary (buttons and accents), Background, and Text. A reset to store default option brings a theme back to the colors detected from your live Shopify theme. See "How do I change the quiz colors?" for the steps.
Widget placement
In the builder's Placement tab, choose how shoppers launch the quiz — Sticky button, Banner, Button, or Announcement bar — and customize each one (text, colors, position, and more). See "Which widget placements are available?" for details on each option.
Everything is per quiz
Design settings, themes, and placement are saved individually for each quiz, so different quizzes can have completely different looks. All changes appear instantly in the builder's live preview — on both desktop and mobile views.