---
title: "See a shoe on the foot"
audience: "A shoe retailer or brand"
goal: "Show a shopper the shoe on their feet from the product page"
status: live
requires:
  - "Shoe photos the generator can fetch, or a 3D file you already have"
  - "A Shopify store, a WooCommerce store, or a page where you can place a link or iframe"
produces:
  - "A Try On button"
  - "On a phone, the shoe in the camera view"
  - "On a desktop, a QR code that opens the same view on a phone"
do_not:
  - "Treat this as a size recommendation"
  - "Expect bag products to be created from photos"
manual: true
last_updated: "2026-09-22"
description: "The shopper taps Try On, points a phone at their feet, and sees the shoe in the camera. On a desktop they get a QR code and continue on the phone. Nothing..."
---


# See a shoe on the foot

The shopper taps **Try On**, points a phone at their feet, and sees the shoe in the camera. On a desktop they get a QR code and continue on the phone. Nothing is installed from an app store.

This is a visual try-on. It does not tell the shopper which size to buy. That is [Recommend a shoe size](recommend-size.md).

## At a glance

| | |
|--|--|
| Who can do it | A merchant, on Shopify or WooCommerce. An own-website embed needs someone who can place a link or an iframe. |
| You need | Product photos of the shoes, or a GLB / GLTF you already have. |
| You connect | The Shopify app, the WooCommerce shoes plugin, or the AR viewer at [dev.wearfits.com/tryon](https://dev.wearfits.com/tryon). |
| The shopper sees | The shoe on their feet. |
| You receive | A try-on button on the product. You do not receive a size. |

## Which store you have

1. **Shopify** — install the app, mark shoe categories, and turn the theme embed on. Photos are converted for you. You do not create a WEARFITS account. Follow the [Shopify checklist](../get-started/shopify.md).
2. **WooCommerce** — create an API key, install **WEARFITS Shoes Tryon**, and digitize the product or paste a viewer URL. Follow the [WooCommerce checklist](../get-started/woocommerce.md).
3. **Your own website** — create an account, turn photos into a model or upload a 3D file, then place the viewer. Follow the [own-website checklist](../get-started/brand.md).

## What has to exist before the button works

- **Photos only** — shoes can go through the [2D to 3D step](../assets/index.md). The usual wait is a few minutes per shoe. Shopify and WooCommerce submit the photos for you.
- **A 3D file already** — upload it in the AR library at [dev.wearfits.com](https://dev.wearfits.com). Accepted uploads include GLB, GLTF, OBJ, STL, and a zip of OBJ plus textures, up to 30 MB.
- **Bags in the same catalog** — photos are not enough. Use [See a bag on the body](../bags/see-on-body.md).

## In a store

The same viewer can run full screen on a display with a camera. Product-page setup above is the self-serve path. A mirror installation is arranged with WEARFITS.

## Deeper reference

- [Shoes & Bags AR Try-On](../ar-tryon/overview.md) — viewer, library, and embed options
- [2D to 3D generator](../shoe3d-generator/overview.md) — photo pipeline
- [Shopify app](../shopify-app/overview.md) and [WooCommerce shoes plugin](../woocommerce/shoes-plugin.md)