For shops
How to add virtual try-on to Shopify, WooCommerce or any shop
Three ways to add try-on
| Way | Effort | Runs where | Typical cost to start |
|---|---|---|---|
| Link or script tag (WEARFITS) | Minutes, no developer | wearfits.me in a new tab, back to your product | Free for the shop |
| Platform app or plugin | Install and configure | On your product page | Monthly plan or your own AI usage |
| Try-on API | Developer project | Wherever you build it | Pay per image |
Any shop: one link
Every platform lets you add a link to the product page. Point it at wearfits.me/try?url= followed by the URL-encoded address of the product. That is the only required parameter; add img with the product photo, title or cat (top, bottom, full-body or shoes) to make it faster and more reliable.
The same link works in newsletters and social posts. The shopper lands on wearfits.me with your product already loaded, adds a selfie, height and weight the first time, gets a studio photo in about a minute and returns to your shop with “Buy at your shop”.
Shopify without an app
In your theme editor, open the product template or add a Custom Liquid block under the Add to cart button. Paste the WEARFITS button script once together with a <div class="wearfits-try"></div> where the button should appear, or a link whose url parameter is your shop address plus the product’s URL, encoded with Liquid’s url_encode filter. Add ref with your shop name so return visits are tagged in your analytics.
The script reads the product from the page in the shopper’s browser, so you do not need to fill any other parameter by hand.
WooCommerce and WordPress without a plugin
Add the script tag to your theme, for example with a header-and-footer snippet tool or your child theme, then place the button container on the single product template. If you prefer a link, build it in the template from the product’s permalink.
If your product images sit behind hotlink protection, use the POST form, or the script with data-upload="1"; both send the photo itself.
When an app or API is the better fit
If you want the result to appear inside your own product page, look at platform apps such as PixelDrapeAI on Shopify (plans from $9.99 a month after a 15-day trial) or the Virtual Try-On for WooCommerce plugin, which uses your own Gemini API key. With a developer, APIs such as FASHN or Perfect Corp let you build the whole flow yourself.
These keep shoppers on your page but add a monthly bill or usage costs, and with an API you also own photo storage and consent.
FAQ
- Do I need a Shopify app to add virtual try-on?
- No. A link, or the WEARFITS script tag plus its button container, in your theme is enough. An app is an option if you want the result inside your own product page.
- Will it slow down my product pages?
- A plain link adds nothing to load. The script tag loads asynchronously, so it does not hold up the rest of the page.
- What does the shopper need?
- The first time, a selfie, height and weight; the first photo arrives in about a minute. Returning shoppers skip that step. No account is needed to start.
- Can I see how many shoppers came back?
- Yes, in your own analytics. Visits from wearfits.me to your shop carry UTM parameters, and ref adds your shop name to utm_campaign. Shopper photos are never shared with shops.
Sources
Checked 2026-11-07.