![AR Face Tracking – Virtual Try-On for Ecommerce](https://zap.works/static/img/mattercraft/library/product-try-on.jpg)

# AR Face Tracking – Virtual Try-On for Ecommerce

Virtual product try-ons for caps, with interactive designs and e-commerce integration.

[Open in Mattercraft](https://app.mattercraft.io/?sb=Product%20Try-On\&t=product-try-on) [Try now](https://webxr.run/NeGYr7zrkPmn) Try now

[< Back to templates](https://zap.works/templates/)

This experiences simulates a simple product 'try-on', where the user to view and compare caps in a face-tracked experience.

It features buttons for switching between cap designs, and a button for linking out to an e-commerce site to complete a purchase.

This project includes a default splash page - a 'launch' screen shown to the user when they first land on your page. It's important for both technical and user experience related reasons. You can customize it in the index.html file.

Rendering Engine

three.js

Supported Browsers

Google Chrome\
Safari on iOS and MacOS

Scripting Language

TypeScript

---
Canonical: https://zap.works/templates/product-try-on/