---
title: "Shoes & Bags AR Try-On — Overview"
product: ar-tryon
last_updated: "2026-09-22"
description: "Reference for the live camera viewer. The setup recipes are See a shoe on the foot and See a bag on the body. This page does not recommend a size."
---


# Shoes & Bags AR Try-On

Reference for the live camera viewer. The setup recipes are [See a shoe on the foot](../shoes/see-on-foot.md) and [See a bag on the body](../bags/see-on-body.md). This page does not recommend a size.

Shoppers see a 3D shoe or bag on themselves in the phone camera. Desktop shoppers get an on-screen viewer or a QR handoff. A store display can run the same viewer full screen.

| You have | Do this |
|----------|---------|
| Shoe photos, no 3D file | [Make the assets](../assets/index.md) from photos, then open the viewer |
| A GLB or similar file | Upload it at [dev.wearfits.com](https://dev.wearfits.com) |
| Bag photos only | Stop. Bags need a 3D file. The photo pipeline is shoes only. |
| Shopify or WooCommerce shoes | Use the app or plugin. You rarely open this library yourself. |

## What you place on the site

| Method | What you do | Best for |
|--------|-------------|----------|
| Link | Put the try-on URL on the product page | Fastest |
| Iframe | Embed [dev.wearfits.com/tryon](https://dev.wearfits.com/tryon) | The try-on stays on your page |
| Store display | Full-screen viewer with a camera | Physical retail, arranged with WEARFITS |
| Shopify or WooCommerce | Install the app or the shoes plugin | Those platforms |
| Upload API | Create and update models from your server | A catalog pipeline |

## Domain

- **Library and API**: [dev.wearfits.com](https://dev.wearfits.com)
- **Viewer**: [dev.wearfits.com/tryon](https://dev.wearfits.com/tryon)

## Adding products

1. **Web library** at dev.wearfits.com — upload a file and position it
2. **REST API** — [API reference](api-reference.md)
3. **Shoe photos** — [2D to 3D generator](../shoe3d-generator/overview.md), shoes only

Uploads: `.glb`, `.gltf`, `.obj`, `.stl`, or a `.zip` of OBJ + MTL + textures, up to 30 MB. Exports from the library include GLTF, OBJ, Draco, and USDZ.

Shoes can be auto-placed for the camera. Bags and backpacks are positioned in the editor.

## For the person who operates the library

The [user guide](user-guide.md) is the click-path. The viewer also includes:

- Mobile AR, a desktop viewer, and full-screen mirror layouts (mirror modes 1–5)
- Texture, material, and lighting edits, including the Tron editor for placement
- ML-assisted shoe placement; bags and backpacks are placed manually
- Turbo mode (higher frame rate on footwear) and pose detection for bags (lite, full, or heavy)
- English, Polish, German, Czech, Slovak, Lithuanian, Latvian, and further UI languages
- MP4 capture of a session from the settings panel
- Custom branding, arranged with WEARFITS

## Further reading

- [API reference](api-reference.md)
- [User guide](user-guide.md)
- [SDK guide](sdk-guide.md) — iframe, postMessage, URL parameters
- [Live demo](https://wearfits.com/demo)