ZeDaq.ai
← All articles

Virtual Try-On

How to Add Virtual Try-On to Any Fashion Website With One Script Tag

29 October 2026 · 6 min read

You add virtual try-on to a fashion website by pasting one script tag into your product page template. The widget then appears on the product page, with no redesign and no new storefront.

That is the short version. Below is what the script does, which route suits your platform, how to set it up in order, and what to check before shoppers see it.

What does the virtual try-on script tag actually do?

The script loads the ZeDaq.ai widget inside your own product page. Shoppers never leave your store and never create an account.

Here is what the shopper does:

  1. They upload one photo of themselves.
  2. They enter their height.
  3. Their measurements are matched against your size chart to recommend a size.
  4. Virtual Try-On renders your actual product on their body in the product carousel.

The shopper sees how the item fits before buying. That is the real value: fewer guesses about size, and a clearer picture of the garment on a real body.

Which integration route fits my store?

Not every platform uses the script tag. Here is how the options break down.

Your setup Best route What it involves
Shopify Shopify App Store app Install the app from the App Store
Any website with an editable product template Script tag Paste one script tag into the product page template
WooCommerce, Magento, custom storefront or your own app REST API Integrate directly with the API

If you can edit your product page template, the script tag is the quickest path. If your developers want full control of the interface, the REST API is the better fit.

How do I add virtual try-on step by step?

Follow this order and the setup stays calm.

  1. Create an account. There is a free plan and a 3-day free trial with no card required, so you can test before committing. You can sign up here.
  2. Prepare your size chart. The size recommendation depends on it, so get it right before anything else.
  3. Find your product page template. On WooCommerce this is usually a theme template. On Magento it is a layout or template file. On a custom site it is whatever renders your product pages.
  4. Paste the script tag. Put it into the product page template, not the homepage or the footer of every page.
  5. Test on a staging copy first. Open a product, upload a test photo, enter a height, and check the result.
  6. Go live. Publish the template change once the test looks right.

Shopify merchants can skip steps 3 to 6 and install the app from the Shopify App Store instead.

What should I check before going live?

A short checklist saves awkward surprises. Run through it on at least two products.

  • Your size chart is complete and accurate for every product type you sell.
  • The widget appears in the product carousel, not buried below the fold.
  • A test photo and height produce a size recommendation.
  • The try-on shows the correct product, not a different colour or style.
  • The page still loads quickly on a mobile connection.
  • The widget language matches your shoppers. It speaks 10 languages.
  • Prices display in the right currency. Multi-currency covers USD, NGN, GBP, EUR and more.

Test on a phone as well as a laptop. Most fashion browsing happens on mobile, so that is where problems show first.

Why does the size chart matter so much?

The widget matches the shopper's measurements against your size chart. If the chart is vague, the recommendation will be too.

Check these points:

  • Measure garments consistently, and state whether numbers are body or garment measurements.
  • Keep size labels identical across products where the cut is the same.
  • Remove sizes you no longer stock.

For UK and Nigerian retailers selling to both markets, make sure your chart does not mix UK sizes with other conventions on the same product. Clear labels help every shopper, with or without a widget.

Will shoppers need to sign in or install anything?

No. The shopper uploads one photo and enters their height right inside your product page. There is no ZeDaq.ai account and no sign-in.

That matters for conversion-minded design. Every extra step on a product page gives a shopper a reason to leave. Keeping the whole experience inside your store removes that friction.

What if I run a tailoring or made-to-measure business?

Try-on suits ready-to-wear. If you take measurements and orders by hand, the other half of ZeDaq.ai is built for you, and every subscription includes it.

Many tailors and designers run their business across WhatsApp chats, Excel sheets and paper notebooks. Client details, measurements, deposits and due dates end up scattered. ZeDaq.ai keeps them in one place:

  • Client CRM with contact details, delivery address and fit preferences
  • Orders with deposits, plus a delivery calendar with automatic reminders
  • Invoicing with your logo and bank details, sent by email or WhatsApp
  • Measurement capture by auto-capture, voice-guided posing or manual entry

Capture uses a front and a side photo, finds 33 skeletal points, and is calibrated with a sheet of A4 paper. You can also send a measurement link that the client opens on their own phone, so they install no app. You can even photograph an old paper measurement book page and have it read into a digital profile. Clients can still be messaged on WhatsApp throughout.

Tailor tools work in the web dashboard and the mobile app. Learn more on the tailors page.

Where can I see how the whole flow works?

If you want the shopper journey and the integration options in one view, the how it works page walks through it. ZeDaq.ai is a technology platform. It does not make, sell or ship clothes, so your products, stock and fulfilment stay exactly as they are.

Do I need a developer to add the script tag?

If you can edit your product page template, you can paste the tag yourself. A developer is useful for the REST API route on WooCommerce, Magento or a custom storefront. Always test on a staging copy first.

Does virtual try-on work on WooCommerce and Magento?

Yes. You can paste the script tag into the product page template, or integrate directly with the REST API. Shopify stores can use the Shopify App Store app instead.

Do shoppers have to create an account to use it?

No. Shoppers upload one photo and enter their height on your product page. There is no ZeDaq.ai account and no sign-in.

Is there a free way to try it?

Yes. There is a free plan and a 3-day free trial with no card required. Paid plans differ by monthly try-ons, measurements and invoices, so choose the one that matches your volume.

Can the widget work in different languages and currencies?

The storefront widget speaks 10 languages. Multi-currency support covers USD, NGN, GBP, EUR and more, which suits stores selling across the UK, Nigeria and beyond.

Try ZeDaq.ai free

Virtual Try-On and body sizing for your store, plus client, order, calendar and invoicing tools for tailors, in one subscription.