WeTryOn is now on the Shopify App StoreSee the listing

How to add virtual try-on to your online store

A shopper taps Try it on and sees the item on themselves in live AI video, so they can decide before they buy. Here is what they see, and what you set up.

What does the shopper see?

Shopper view
01Tap Try it on
A product page with the Try it on button

It sits next to Add to cart. No download and no account.

02Read the notice
The written camera notice

It says what happens and who receives the video. The camera is still off. Decline, and nothing starts.

03Allow the camera
your-store.com wants to use your camera

Only then does the browser ask. Video only, never the microphone.

04See it, live
A shopper seeing an ecru tee on herself in the live try-onAI-generated

They move and turn. It ends on its own after 15 seconds.

Screens are from the product. The live frame is an illustration with an AI-generated model, not a recorded try-on.

The live try-on screen on a phone
Fig. 1: an illustration with an AI-generated model, not a recorded try-on.

While the try-on runs

A

Live picture

From their own camera, with the item on them. They can move and turn.

B

AI-generated label

On screen the whole time.

C

Countdown

From 15 seconds, then it ends on its own.

D

Approximation note

Fit, colour and fabric may differ from the real product.

E

Close button

Closing it or pressing Escape ends the try-on.

How do I add virtual try-on to my store?

Merchant view
01

Start free

Sign up with your email. Every new store gets 5 free try-ons, with no card needed. After that, buy credits and pay per try-on, or choose a monthly plan you can cancel from your dashboard. See pricing

02

Add the script

Paste one line where your platform keeps site-wide code: your Shopify theme, Wix Custom code, Squarespace Code Injection, a WordPress footer plugin. Setup for your platform

03

Verify your domain

We check your homepage for the line, so try-on runs only on your own store.

04

Place the button

Open a product page from your dashboard, click where the button should go and save. Choose its colours and shape.

05

Check your products

Try-on turns on for products that are clearly wearable. Confirm the ones we're unsure of, switch any product off.

// paste once, site-wide
<script src="…/s/loader.js" data-site="your site key" async></script>
The products page, sorted by status
Products sorted into Ready, Needs your input, Not wearable and Off.

What does my store need?

  • A device with a camera
  • The shopper's permission
  • A product photo you already have

Nothing for shoppers to download. The product photo is picked automatically.

What can shoppers try on?

  • Tops
  • Dresses and outfits
  • Outerwear
  • Trousers and skirts
  • Shoes
  • Hats
  • Necklaces
  • Watches and bracelets
  • Glasses
  • Bags, scarves and belts

Detected from each product page's name, category and keywords. Flat product photos work better than photos of someone wearing the item. Every product type

See it on.
Then buy.

Start freeLive demo