Skip to main content

How to Customize the Design of your Quiz

Updated over a month ago

1. In the “Get Started” Section, Click Customize Design

  • You’ll find this as one of the onboarding checklist steps.
    Click the dropdown and hit Customize design to open the visual styling editor.

2. Update the Design Settings

Once you've added the Smart Size app block, you can personalize the “Find my size” button to match your store’s style.

Here’s what you can customize in the settings:

  • Button text – Change the label (e.g. Find my size)

  • Recommendation text – Customize the message shown after quiz completion (e.g. Your size is [[recommendedSize]])

  • Style – Choose between a solid Button or subtle Link

  • Icon – Pick a visual like a ruler or tape measure

  • Text color and Background color – Match your brand’s palette

  • Horizontal alignment – Align the button left, center, or right for both desktop and mobile

3. Preview Your Changes Live

As you adjust settings, you’ll see a live preview of your quiz. Test both desktop and mobile views to ensure everything looks sharp.

4. Click Save

Once you're happy with the design, hit Save to apply your updates.
Your new look will be live instantly across any published quizzes.

Did this answer your question?