Shopify Shoes, Bags & Clothes Try-On App
Native Shopify integration for stores selling Shoes, Bags, and Clothes — virtual try-on without leaving Shopify. The merchant checklist is Get started — Shopify.
This app does not recommend a shoe size. That embed is Recommend a shoe size, and it is not a setting in this app. For Bags, the Products page lets you enter the bag’s longest side so shoppers see it at its real scale.
What It Does
Shopify merchants can offer try-on for:
- Shoes and Bags — live camera try-on prepared from Shopify product photos
- Clothes — photo-based try-on using the shopper’s photo, without a 3D model
- Storefront products — shoppers use the Try On button without leaving the store
The Shopify setup does not require writing code or managing 3D models manually. Everything is managed from the Shopify Admin interface. Shoes and Bags share one product-place limit; Clothes use a separate monthly photo try-on allowance.
How It Works
sequenceDiagram
participant Merchant as Shopify Merchant
participant ShopApp as WEARFITS App
participant API as WEARFITS generation service
participant TryOn as WEARFITS Try-On viewer
Merchant->>ShopApp: Install app
ShopApp->>Merchant: Six-step onboarding
Merchant->>ShopApp: Choose Shoes, Bags, and Clothes
ShopApp->>API: POST /api/v1/shoe-3d (camera product photos)
API-->>ShopApp: jobId
ShopApp->>API: GET /api/v1/jobs/{jobId}
API-->>ShopApp: Model ready
Merchant->>ShopApp: Enter the longest side for Bags
Merchant->>ShopApp: Choose Try-on in store
ShopApp->>TryOn: Apply the storefront visibility state
Note over ShopApp: Clothes use shopper-photo try-on and do not need a 3D model
Note over Merchant: Shoppers see Try On on eligible product pages
Key Features
- Onboarding wizard — guides merchants through Shoes, Bags, and Clothes setup
- Camera product preparation — product photos are converted into try-on models when needed
- Shared product places — Shoes and Bags use the same product-place capacity
- Clothes photo try-on — Clothes do not use camera product places or require a 3D model
- Bag size readiness — enter a bag’s longest side in the Products table, from 5 to 150 cm, before showing it in the store
- Storefront integration — the Try On button appears on eligible product pages
- Admin extensions — manage product readiness and visibility from Shopify Admin product pages
- QR code flow — desktop shoppers scan a QR code to continue camera try-on on a phone
- Billing — Shopify handles plans, payments, subscriptions, and trials
Product and storefront behavior
Product places and readiness
Shoes and Bags share one product-place limit. A camera product uses a place while it is being prepared and while its model is ready, even if the merchant turns try-on off in the store. Clothes use a separate monthly photo try-on allowance and do not use camera product places.
A Bag must have its real longest side entered in Products before it can appear in the store. The field accepts values from 5 to 150 cm. Adding or changing the size updates the bag’s try-on scale without requiring the merchant to manage a model manually.
Storefront visibility
The Try-on in store checkbox is the per-product visibility choice for Shoes, Bags, and Clothes. Bulk actions use the same wording: Turn on try-on in store and Turn off try-on in store.
Turning try-on off shows Off in store but does not free a Shoes or Bags product place. Use Remove from plan to free a camera-product place, or Add back to plan to restore one. Storefront setup, product status, preparation, bag size, and plan capacity are shown separately in the product status so the merchant can see what still needs attention.
Service Dependencies
| Service | Used for |
|---|---|
| WEARFITS model generation | Creates camera try-on models for Shoes and Bags from product photos |
| WEARFITS job status | Reports preparation progress and completion |
| WEARFITS Try-On viewer | Displays camera try-on for shoppers |
Clothes use the photo try-on flow and do not require camera model generation.
Billing Plans
Billing is managed through Shopify Managed Pricing — Shopify handles payments, subscriptions, and trials.
The product-place limit is shared by Shoes and Bags. Clothes use a separate monthly photo try-on allowance, supplied by the plan or by a connected WEARFITS account.
| Plan | Product places | Price |
|---|---|---|
| Bronze | 10 | $49/month |
| Silver | 100 | $99/month |
| Gold | 250 | $199/month |
| ## Where it shows up | ||
| 1. App Home — onboarding, Products, Settings, product-place usage, and storefront setup | ||
| 2. Products page — prepare products, enter Bag sizes, choose Try-on in store, and manage product places | ||
| 3. Shopify Admin product page — try-on status and product actions through the admin extensions | ||
| 4. Storefront button — the Try On button shoppers see on eligible Shoes, Bags, and Clothes product pages |
Turn the storefront button on in the theme editor, then control group settings in Settings and individual products in Products.
Further Reading
- User Guide — onboarding wizard, dashboard, product management
- Storefront Integration — theme extension, button customization