The try-on widget is designed to feel like part of your store. A few settings match it to your brand, and the live preview shows what shoppers will see while you work.
Where to find these settings
In your Shopify admin, go to Apps → AI Frame – Virtual Try-On, then open Virtual Try-On. Scroll to Widget customization. On the right, Live preview updates as you change things.
Add your logo
Upload your logo (PNG, JPG or SVG) so it appears in the try-on widget.
Set your hero image or video
Choose the image or video shoppers see when they first open the widget. Click Replace to upload your own.
Different hero per category
Under Hero image by category, set a hero image or video per product category (Clothing Top, Clothing Bottom, Jewelry, and more). Any category without its own hero falls back to the global one.
Brand colour and theme
Set the colour used for buttons, highlights and active states. Then pick Light or Dark for the widget, results and Size Chart on your storefront.
Try On pill text and position
The shopper button is the pill on the first product image, not a button next to Add to cart. Change the label and position under Try-on pill on product image. See How to Change the Try-On Button Text.
Save and preview
Save your changes, check the live preview, then open a product page on your storefront. Adjust any time; changes apply right away.
💡 A little tip: Size Chart table colours and the Size Chart icon live on the Size Chart page — see How to Style Your Size Chart.
What's next? Reward shoppers for sharing: How to Set Up the Share-for-Discount Reward.
Need a hand? If anything's unclear, send us a message, we're here to help!