Virtual Try-On Widget

One script tag adds real-time AR try-on to any eyewear product page — customers see the exact frame on their own face before they buy.

How it works

A customer taps Try Onon your product page. Their camera opens and MediaPipe locates their facial landmarks in real time, entirely on their own device. Three.js then renders the exact 3D model of that specific frame on their face, tracked to every head movement, with fit measured against their face width — so the experience answers “how will this look on me” directly, instead of leaving the customer to guess from a product photo.

Works with the platform you already use

  • Shopify — theme.liquid, live in about 2 minutes.
  • WooCommerce / WordPress — free plugin, one paste.
  • Wix, Squarespace, Webflow — via the Custom Code section.
  • Hand-coded or custom-built sites — script before </body>.

New frames added through your dashboard automatically receive a Try-On button — you never touch the integration code again after the initial paste.

Built for trust, not just conversion

  • Camera access, not camera storage — the webcam feed is processed in memory and never leaves the device it was captured on.
  • One server call, not a video stream— your site only talks to ARLens to verify the subscription and load a frame’s 3D model.
  • Domain-locked by default— the widget only activates on domains you’ve authorized; copy the script elsewhere and it renders nothing.

Why it matters for conversion

Eyewear is a fit product — most online shoppers hesitate to buy glasses without seeing them on their own face first, which is why so many still complete their first purchase in a physical store even after researching online. Virtual try-on removes that specific hesitation instead of just asking for more trust in a product photo. Read the full mechanism in why virtual try-on increases conversion rates.

Frequently asked questions

Which platforms does the virtual try-on widget work on?

Shopify, WooCommerce/WordPress, Wix, Squarespace, Webflow, and hand-coded or custom-built sites. It installs as a single script tag placed before the closing </body> tag, or via a plugin on WooCommerce.

Does the widget slow down my website?

The loader script itself is lightweight and contains no AR logic — face tracking and 3D rendering only load when a visitor actually taps Try On, so pages that never use the feature see no added weight.

Is customer camera data stored or uploaded to ARLens servers?

No. Face tracking and 3D rendering run entirely client-side in the visitor’s browser. The only server call is a short subscription/domain check — the camera feed itself never leaves the visitor’s device.

What happens if someone copies the script to an unauthorized site?

Every request is checked against the domain authorized for that account. If the script runs on a domain that isn’t authorized, the API returns an inactive response and the Try-On button never renders.

See the widget running on real frames.

Try the live demo