05 | Customize your Quiz
Navigate to Settings Section
The Settings section in the SmartSize AI Fit Recommender app allows you to personalize the appearance and behavior of the quiz button and popup on your Shopify store. You can access these customization options by clicking the “Open Theme Editor” button from the Settings tab.
- Navigate to Settings
- Click on ‘Open Theme Editor’

Click on the quiz button
Click on the quiz button to open the customization options.

Button label and icon
- Edit the text shown on the button, such as “Find my size” or “What is my size?”
- Choose a button icon from the available options to match your brand style
Button colors
- Set the text color of the button using a color picker or hex code
- Set the background color of the button to match your store’s theme
Button alignment
You can control how the button appears on different devices:
- Choose the horizontal alignment for desktop: left, center, or right
- Choose the horizontal alignment for mobile: left, center, or right

Accent color for popup
- Select a custom accent color that will be used throughout the popup interface
Support link customization
You can add a support message and link to help users who may need extra assistance:
- Enable or disable the support link
- Customize the support message text (for example, “Not sure? Email us — we’ll help you choose the right size”)
- Set the destination for the support link, either an email address or a web page URL
Live preview
Changes made in the theme editor appear in real-time on the right side of the screen. You can instantly see how your quiz button will look and behave on your product pages. Make sure to save your changes before exiting the theme editor.
Need help?
If you have questions or need assistance, feel free to contact us at [email protected].