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.

  1. Navigate to Settings
  2. Click on ‘Open Theme Editor’
Customize your quiz

Click on the quiz button

Click on the quiz button to open the customization options.

Customize your quiz

Button label and icon

  • Button label: Edit the text shown on the button, such as “Find my size” or “What is my size?”
  • Button recommendation text: Edit the button text once the customer has a recommendation. For example: “We recommend size [[recommendedSize]].” You can also offer a second option by including [[alternativeSize]]. For instance: “We recommend size M. You may also consider size L.”
  • Button style: Choose whether you want it displayed as a button or as a text link.
  • Button icon: Choose a button icon from the available options to match your brand style
  • Button text color: Choose a text color for the button
  • Button background color: Choose a background color for the button
Customize the button of your quiz

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
Customize the alignment of your quizzes's button

Accent color for popup

  • Select a custom accent color that will be used throughout the popup interface
Customize the accent color of your quizzes's popup

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
Customize the support link of your quizzes's popup

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].