Skip to content
View Markdown

Shoes & Bags AR Try-On

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.

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 from photos, then open the viewer
A GLB or similar file Upload it at 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 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

Adding products

  1. Web library at dev.wearfits.com — upload a file and position it
  2. REST API — API reference
  3. Shoe photos — 2D to 3D generator, 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 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