Button appearance
The try-on button is the entry point to the shopper experience. Customize it in Try-On → Designs using Button content, Button colors and Button sizing.
Set the text and icon
- 1
Set Button text
Write a short action label, such as Try On. This default-language field is required.
- 2
Choose an icon
Select No icon, Camera, Sparkle / AI, Eye, Hanger or Magic wand. Set its position before or after the text, or select No icon in the position control.
- 3
Choose a hover effect
Use None, Fade, Scale up or Shine sweep. Preview the button before saving.
Colors and sizing
| Control | What to edit |
|---|---|
| Background / Text | Set the button fill and label colors. Color fields use six-digit hex values such as #000000. |
| Show border | Enable a border, then choose its color and width. |
| Padding V / Padding H | Adjust vertical and horizontal space around the label. |
| Font size | Set the label size in pixels. |
| Border radius | Change the corner rounding. |
Verify your changes
- The label contrasts clearly with the background.
- The full label fits at mobile widths and in every configured language.
- The button is visible over both light and dark product-page content.
- You clicked Save and checked a refreshed storefront page.
Need help?
Open Support in the Shopify app, or contact us with your store address and what you are stuck on.