Skip to main content

How to Customise the Try-On Widget to Match Your Brand

Add your logo, colors, and hero image so the try-on feels like a natural part of your store.

J
Written by Jasmine Jurgens

The try-on widget is designed to feel like part of your store, not a bolt-on. With a few quick settings, you can match it to your branding so the whole experience looks and feels like you. Here's how:

Where to find these settings

In your Shopify admin, go to Apps → AI Frame – Virtual Try-On, then open Styles & Settings. Everything below lives here.

Add your logo

Upload your logo so it appears at the top of the try-on widget - a simple touch that makes the experience instantly recognisable as yours. PNG or SVG with a transparent background works best.

Set your hero image or video

Choose the image or video shoppers see when they first open the widget. You can pick from the built-in library or upload your own - a great spot to show your brand or your products at their best.

💡 Per-category heroes: under Hero image by category you can override the hero for specific product categories (a dress hero on dresses, a sneaker hero on shoes). Categories without their own hero simply use your global one.

Choose your brand colour

Set the main colour used for buttons and accents across the widget so it matches your store's look.

Style your size chart table

Set the header and row colours for your size chart tables so they sit comfortably within your branding. This applies across all your products.

Pick your size chart button icon

Choose the icon shown on the Size Chart button inside the widget, a measuring tape, ruler, garment and more, or no icon at all for a text-only button.

Make the button speak your language

You can also change what the Try-on button itself says on your product pages. See How to Change the Try-On Button Text.

Save and preview

Once you've set your branding, save your changes and open a product page to see the widget in your store's colours. Adjust any time, your changes apply right away.

Plan note: on the Free plan you can set your hero image and Try-on button text (and your category filter). Logo, brand colour, size chart table colours and the button icon unlock on Starter and above.


What's next? Reward shoppers for sharing their branded look: 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!


Did this answer your question?