Eyewear Try On Wix: How to Add a Virtual Try-On Button to Your Product Pages

Introduction: What this guide covers

You’ll learn how to add an eyewear try on wix feature to your Wix product detail pages (PDPs) using a no-code, link-based virtual try-on.
This guide walks you step-by-step, from prep to QA so you can add a pdp try on button and launch a working try-on in under an hour (implementation only) — no SDKs, no heavy dev work.
Want to skip ahead? See a demo — tryitonme.com/demo.

Why add virtual try-on to your Wix store?

If you sell glasses, sunglasses, or other face-worn accessories, adding a virtual try-on gives shoppers the confidence to buy by letting them see frames on their own face in real time.
AR try-on tools overlay product models onto a live camera feed using facial mapping and often increase engagement and conversions for eyewear retailers — industry overviews: KiksarVR and Perfect Corp.

Aside from conversion uplift, virtual try-on reduces returns because buyers make better purchase decisions when they can preview fit and style, and it lengthens session time and product consideration (integration notes: Zakeke guide).
For a Wix store, a simple link-based VTO is often the fastest path—no app installs or custom SDKs required. See a pupillary-distance guide: cermin.id.

Why tryitonme.com is the Right Fit for Your Business

tryitonme.com provides a zero-code, link-based accessory VTO that works across web, mobile, and social channels — you get unique, ready-to-use product try-on links to paste into PDPs.
It’s designed for fast time-to-market with minimal technical overhead. Learn more: tryitonme product detail.

Core value props

Book a Demo — tryitonme.com/demo

tryitonme onboarding (concise steps)

  1. Purchase a 6-month package based on the number of SKUs you need. See pricing: tryitonme pricing.
  2. Send standard product photos (e.g., front/side for eyewear). Photo guide: image requirements.
  3. The tryitonme team and AI handle all AR processing.
  4. You receive the unique, ready-to-use try-on link for deployment in under 3 business days.

Sign up or request a demo: tryitonme signup and tryitonme demo.

Options to embed try-on on Wix (quick comparison)

Choose the approach that matches your technical ability and UX goals:

Iframe embed

SDK/JS integration

Before you edit your Wix site: prep checklist

How to embed try-on on Wix — Step-by-step methods

Below are quick, numbered implementations you can do in the Wix Editor. Aim to complete Method A in under 30 minutes.

  1. Open Wix Editor > Pages > Product Page (your PDP template).
  2. Drag a Button element to the desired spot (next to Add to Cart or under price). Help: Wix help.
  3. With the button selected: Link > Web Address > paste the tryitonme product link (e.g., https://tryitonme.com/try/your-sku). Choose “Open in new tab” (or lightbox if you prefer).
  4. Edit label to a concise microcopy (examples below). Save and Preview. The button should launch the try-on link.

Quick screenshot checklist: Editor > Product Page > Button > Link.

Method B — Open try-on in a Lightbox / Modal (better UX)

  1. In Editor: Add > Lightbox > Choose a blank lightbox and name it “TryOnModal” (Wix Lightbox docs: Wix support).
  2. Inside the Lightbox add an Embed HTML element and paste sample iframe code (placeholder below).
  3. On your PDP add a Button > Link > Lightbox > select “TryOnModal.”
  4. Test camera permissions and that the modal displays correctly on mobile.

Sample iframe snippet (placeholder tryitonme URL):

<iframe src="https://tryitonme.com/try/{SKU}?embed=lightbox" width="100%" height="600" style="border:none;" allow="camera; microphone; autoplay"></iframe>

Method C — Inline iframe embed (full in-page try-on)

  1. Edit PDP template > Add > Embed Code > HTML iframe.
  2. Paste responsive iframe code (use the same pattern as above, adjusting height).
  3. Test thoroughly; if Wix blocks camera access or strips scripts, revert to link or lightbox. Iframe caveats: Zakeke blog.

PDP placement, dynamic mapping & theme edits

Best placements: adjacent to Add to Cart, directly below gallery, or as a persistent sticky CTA near price. These positions maximize visibility and clickthroughs (industry patterns: KiksarVR).

Tiny Velo code snippet (optional)

(Optional for developers; test in your environment)

$w.onReady(function () {
  const sku = $w("#productSku").text;
  wixData.query("TryOnLinks").eq("sku", sku).find()
    .then(res => {
      if(res.items.length) $w("#tryonButton").link = res.items[0].tryOnUrl;
    });
});

Note: adapt to your dataset names and fields. See Wix Velo reference: Wix Velo docs.

Design & copy best practices for the PDP Try On button

Microcopy options:

Iconography: small glasses icon or camera icon to the left of the label. Accessibility: add aria-label (e.g., aria-label="Launch eyewear try on with camera") and ensure the button is keyboard focusable.

QA checklist before publish

Troubleshooting & common gotchas

Analytics & measuring success

Track these KPIs: try-on analytics

Industry reports show AR try-on often improves engagement and can lift conversions — see KiksarVR and Perfect Corp. A/B test placement and copy to optimize CTR.

Assets to include in the article (editor checklist)

SEO & on-page elements (meta, schema, keywords)

Suggested meta title:

Eyewear Try On Wix — Add Virtual Try On to Product Pages | tryitonme

Suggested meta description:

Embed eyewear try on Wix PDPs with a no-code link. Add a pdp try on button, map SKUs, and launch a virtual try-on in days — no SDK required.

Add Product schema on PDPs (https://schema.org/Product) and ensure primary keyword appears in the H1 and within the first 50–100 words. Use event tracking for the try-on clicks.

CTA & next steps

Recap: Adding an eyewear try on wix experience to your PDPs is low friction when you use link-based VTO. Start with a pdp try on button, test via lightbox, and roll out across your catalog with SKU→link mapping.

See a demo: https://tryitonme.com/demo
Get started — no code required: https://tryitonme.com/signup

Appendix: quick reference snippets & microcopy

Velo mapping (optional)

$w.onReady(() => {
  const sku = $w("#skuText").text;
  wixData.get("TryOnLinks", sku).then(item => $w("#tryonButton").link = item.tryOnUrl);
});

Sample inline iframe (placeholder tryitonme URL)

<iframe src="https://tryitonme.com/try/GL123" style="width:100%;height:500px;border:none;" allow="camera; microphone; autoplay"></iframe>

Button text ideas

Tooltip copy

Opens virtual try-on in a new tab. Camera access required.

Publication QA checklist for this blog post

Estimated timeline & checkpoints for content production

Final note

Embedding an eyewear try on wix experience doesn’t need to be complex. Start with a pdp try on button using tryitonme’s shareable links, validate across devices, and measure the business impact. Ready to see it live? Book a demo: https://tryitonme.com/demo — or get started now: https://tryitonme.com/signup.

FAQ

The provider (e.g., tryitonme) generates a shareable URL per SKU that opens a web-based AR try-on session. You paste that URL into a PDP button or lightbox; no SDK or script is required on your site.

Will the camera work in social app browsers (Instagram, TikTok)?

Some in-app browsers restrict camera access. Link-based try-on is most reliable—test in the most common apps and advise users to open in Safari/Chrome if needed. See provider notes: Perfect Corp.

Can I map thousands of SKUs without coding?

Yes. Create a spreadsheet SKU → tryOnUrl and import to a Wix Data Collection, then bind the button link to the dataset. For automation, use CSV import or a short Velo script.

What privacy considerations should I check?

Confirm the try-on provider’s privacy policy (e.g., tryitonme privacy), verify camera permission flows, and update your site privacy notice if sessions collect any biometric or analytics data.

How do I measure success for try-on?

Track try-on button clicks, try-on session starts/completions, add-to-cart lift for try-on users, and post-purchase return-rate changes. Use GA/Wix Events and compare cohorts over time.

Scroll to Top