How do I design my websites Try On Pop Up

TLDR - Here is a video :)

Accessing the On-Site Design Editor

Open the Antla app.
Go to On-Site Design in the left-hand menu.
You’ll see the editor, split into three stages:
- Pre Try-On – what shoppers see before uploading their photo.
- Try-On – the active experience once their image is uploaded.
- Second Try-On – the state after browsing other products and continuing to try items.

This is your chance to welcome shoppers into the experience and guide them through uploading their photo.

Text editing – Change the header and body text to match your brand tone. Example: “Virtual Try-On” → “Your Brand Dressing Room.”
Colors – Adjust text and background colors to align with your theme.
Border radius – Control the shape of the popup (from sharp edges to fully rounded). You can even blend it into the background to remove borders entirely.
Recommendation text – Add helpful tips, such as how to pose or what type of images work best.
Logo & background image – Add your logo and/or a branded background image (e.g., one of your models demonstrating a pose).
Desktop sizing – Use the horizontal resize tool to expand the popup for desktop without affecting the mobile layout.

Once shoppers have uploaded their image, you can fine-tune the interactive step.

Encouragement text – Customize the headline and prompts that appear above the Try-On.
Button text & destination – Edit the wording and decide where buttons lead (e.g., to cart or product page).
Variant CTA (new) – Allow shoppers to select a product variant (e.g., size or color) before adding to cart.
Button styles – Control button and text colors, as well as border radius for a consistent design.

This stage appears when customers keep browsing and try on additional products.

Button text – Choose the message for continuing the experience (e.g., “Upload New Photo” or “Try Another Look”).
Note: Button text here is set in the Try-On stage of the editor.

Save your changes in the editor.
Refresh your live site to preview.
- On desktop, the popup will reflect the sizing you’ve set.
- On mobile, the layout automatically adjusts to fit perfectly.
Upload a photo and test the full Try-On flow, including variant selection and add-to-cart.

Let us know if you have any questions,

With love,

The antla team