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 in the try-on widget, a simple touch that makes the experience instantly recognisable as yours.

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.

Choose your brand colour

Set the main colour used across the widget so it matches your store's look. (Your brand green, for example, is #008060.)

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.


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.


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?