Virtual Try-On for Clothes: How It Works for Online Stores

Virtual try-on for clothes lets a shopper see a piece of clothing on a photo of themselves before they buy it. A few years ago this needed 3D scans and a big budget. Now an AI model can do it from the product photo a store already has.

This article explains how it works, what it can and can't tell a shopper, and how to add it to a Shopify store. We make AI Frame, a Virtual Try-On and Size Chart app for Shopify, so we are not neutral. We say where our app fits and where it doesn't.

How virtual try-on for clothes works

There are two main kinds.

Photo-based AI try-on. The shopper uploads a photo of themselves. An AI image model takes that photo and the store's product photo, and makes a new image of the shopper wearing the item. It takes a few seconds. This is the kind most Shopify apps use now, because it works with the product photos a store already has. No 3D files are needed.

AR and 3D try-on. The phone camera tracks the shopper in real time and places a 3D model of the product on them. This works well for glasses, makeup, watches and sometimes shoes, because those items sit on the body in a fixed way. For clothing it is much harder, because fabric folds and moves. It also needs a 3D model of every product, which is expensive to make.

For most clothing stores, photo-based try-on is the practical choice today.

On the shopper's side it looks like this:

1. They tap a Try On button on the product page.
2. They upload a photo, usually full body, in good light.
3. They see the item on their own photo and decide whether to add it to cart.

What it shows, and what it can't

Virtual try-on answers one question well: how will it look on me? The shopper sees the colour against their skin, the length on their body, and whether the style suits them.

It does not answer the other question: what size should I order? The image is generated to look right. It does not measure the shopper's body or check the garment's measurements. A size S and a size L can produce almost the same picture. Even OpenAI says its new ChatGPT try-on does not guarantee fit. We wrote about that in ChatGPT added Virtual Try-On. Your product page still has to close the sale.

This matters because fit is behind many clothing returns. If a shopper loves how a dress looks on them and then orders the wrong size, it still comes back.

So try-on works best next to sizing help on the same page:

• A Size Chart with the garment's real measurements.
• A size estimate, where the shopper enters height and weight and gets a size from your chart. No tape measure needed. We explain how in How Shoppers Find a Clothing Size from Height and Weight.

A few other limits are worth knowing:

• Photo quality matters. A dark or cropped photo gives a weaker result.
• Some items are not a good fit. Swimwear and underwear raise image safety questions, and many apps, ours included, don't render them. A Size Chart still works for those.
• It is an AI image. Shoppers should know that. Good apps label every render as AI-generated and ask for consent before using a photo.

What the numbers say

A few retailers and researchers have published their own numbers on look, fit and returns:

• In a Google and Ipsos survey, 59% of shoppers said they were unhappy with an item because it looked different on them. That is the problem try-on addresses.
• Zalando measured about 10% fewer size-related returns on items that showed size advice. That is the problem sizing addresses.
• In virtual fitting room pilots, Zalando and Levi's reported up to 40% fewer returns on jeans.

None of these companies are AI Frame clients. We collected these studies on our fit research page, with a link to how each one was measured.

Cost is the other side. An apparel return costs a store somewhere between $20 and $45 all in. A single AI try-on costs a few cents to generate. We worked through that comparison in The Maths of Confidence.

How to add virtual try-on to a Shopify store

On Shopify you add try-on with an app from the Shopify App Store. Most work the same way: install the app, add a Try On button to your product page in the theme editor, and choose which products it shows on. You don't need a developer.

When you compare apps, these are the questions worth asking:

• Does it also help with size? If it only shows the look, you still need a separate Size Chart app.
• Can the shopper add to cart from the result? The moment they like what they see is the moment to buy.
• Is every render labeled as AI, and does it ask for consent? This matters more each year, especially if you sell in Europe.
• How is it priced? Most apps charge by the number of try-ons per month. Check what happens when you go over.
• Is there a free plan? Try it on your own products before you pay.

We built AI Frame to answer both shopper questions on one product page. Shoppers see the item on their own photo and can add to cart from the result. They also get your Size Chart and a size estimate from their height and weight, next to the size picker. Every render is labeled as AI, and shoppers agree before their photo is used.

The parts work on their own, so you can turn on the Size Chart and size estimate first and add try-on later. Setup is done with blocks in your theme editor. There is a free plan with 10 try-ons a month, and paid plans start at $19.99 a month.

You can try it on our demo store before you install anything.

Questions store owners ask

Is AI virtual try-on for clothes accurate? It is good at showing how an item looks on the shopper: colour, length and style. It does not measure the body, so it can't tell the shopper which size to order. Use a Size Chart and a size estimate for that.

Do I need 3D models of my products? Not for photo-based try-on. It works from the product photos you already have. AR and 3D try-on do need 3D models.

Do shoppers have to upload a photo? Only for the try-on itself. With AI Frame, the Size Chart and size estimate work without a photo.

Does virtual try-on reduce returns? It helps with returns where the item looked different on the shopper. Returns where the size was wrong need sizing help on the same page. Retailers who measured this, like Zalando, saw the effect from size advice and fitting tools together.

Is there a free virtual try-on app for Shopify? Several apps have a free plan. AI Frame's free plan includes 10 try-ons a month plus Size Charts.

Try it on your own products

The quickest way to judge virtual try-on is to see it on your own clothes. Add AI Frame to your Shopify store for free, or try it on our demo store first.