Skip to content
View Markdown

Shopify Shoes Try-On App — User Guide

WEARFITS Try-On is a Shopify app that enables customers to virtually try on shoes using Augmented Reality, directly on your storefront — no separate mobile app required. For stores with Apparel access, onboarding can also include Apparel products; Shoes and Apparel are managed separately.

This guide does not cover shoe size. A size recommendation is a separate product and is not one of the settings below.

  • Mobile shoppers see a "Try On" button that launches an AR viewer using their device camera.
  • Desktop shoppers see a "Try On" button that opens a QR code modal; scanning it with a phone launches the same AR experience.

First Steps: Onboarding Wizard

After installing the app, a five-step setup wizard runs automatically. You can leave and return at any time — the wizard resumes where you left off.

Step 1 — Welcome & Sync

The app introduces its features and automatically syncs your product categories from Shopify. Your current plan limits are shown here so you can plan your selections accordingly.

Step 2 — Category Selection

Select which product categories contain Shoes or Apparel. When Apparel is available for your store, you can select both types during the same setup. Eligible groups are labeled Shoes or Apparel, and recommended groups are selected initially.

Shoe selections determine which products are eligible for 3D model generation. Apparel selections are handled separately and do not count toward your shoe plan limit or shoe model slots.

Selecting only relevant categories helps you stay within your shoe plan's product limit and speeds up initial processing.

Step 3 — AI Validation

An AI service analyses a sample of products from each selected category to confirm that they match the category's supported try-on type: Shoes or Apparel. A category passes validation when the majority of its sampled products match that type. Categories that fail are excluded from try-on setup.

Step 4 — Summary & Priority

Review the validation results for all categories. You can drag to reorder categories and set which shoe categories should be processed first when approaching the shoe plan limit. You also select a Demo Product — the first completed model will be used for a live preview on the Dashboard.

The selection summary shows Shoes for 3D generation and Apparel products separately. The shoe plan limit applies only to selected shoes; Apparel selections do not consume shoe model slots. If you have not picked a plan yet, the summary shows that the shoe cap will be set when you choose one.

Step 5 — Completion

The wizard finalises configuration. After you pick a plan, 3D model generation starts for selected shoes, while selected Apparel products are activated for virtual try-on. Apparel products do not enter shoe 3D generation or consume shoe model slots. You are redirected to the Dashboard. Shoe generation continues in the background without requiring any further action.

Dashboard

The Dashboard is your central view of the app's status and activity.

┌────────────────────────────────────────────────────────┐
│  Metrics Overview                                       │
│  ┌──────────────┐ ┌──────────────┐ ┌──────────────┐   │
│  │ Models Ready │ │  Plan Usage  │ │  Qualified   │   │
│  └──────────────┘ └──────────────┘ └──────────────┘   │
├────────────────────────────────────────────────────────┤
│  Demo Preview          │  Category Progress            │
│  (live AR preview of   │  (model coverage per          │
│   first product)       │   shoe category)              │
├────────────────────────────────────────────────────────┤
│  Shoes Toggle   ●──  Enable "Try On" for Shoes   │
└────────────────────────────────────────────────────────┘
Widget Purpose
Metrics Overview Counts of 3D models ready, plan slot usage, and total qualified products
Demo Preview Live AR preview link for the first completed product
Category Progress Per-category breakdown of model coverage (ready vs. total)
Shoes Toggle Storefront switch for Shoes — controls the shoe "Try On" button without changing individual product settings. Apparel has its own switch in Settings

Managing Try-Ons

The Try-Ons page gives granular control over which products show the AR button to shoppers.

Filtering the Product List

Use the filter bar to narrow the list:

Filter Shows
By category Products belonging to a specific shoe category
Enabled Products with try-on active and a ready 3D model
Disabled Products with try-on switched off manually
Waiting for plan slot Products with a ready model but no available slot in your current plan

Per-Product Actions

Individual Toggle — Enable or disable the AR button for a specific product without affecting others.

Remove from Try-On — Permanently frees the plan slot occupied by a product. Use this when you want to make room for a different product without upgrading your plan. The product can be re-added later if a slot becomes available.

Report Issue — If a 3D model looks wrong (incorrect colour, poor geometry, or wrong shoe), use this button to notify the WEARFITS support team. Each report creates a Quality Ticket that can be tracked in the app. See Support & Quality Tickets below.


Settings

Storefront Switches

Settings provides separate storefront switches for the two product types:

  • Shoes — controls try-on for shoe products.
  • Apparel — controls try-on for apparel products and is shown when Apparel is available for your store.

Each switch affects only its own product type. Turning one off hides that type's storefront try-on controls without changing individual product settings; re-enabling it restores the previous product settings. The Shoes switch is also available on the Dashboard.

Button Appearance

Setting Options
Button text Any string, e.g. "Try On", "See in AR", "View in AR"
Style Primary (filled), Secondary (outlined), Link (text only)
Position Above "Add to Cart", Below "Add to Cart", or Floating

Display Options

  • Mobile only — the button is hidden on desktop entirely.
  • Include QR code for desktop — desktop users see the button; clicking it opens a QR code modal that links to the mobile AR viewer.

Plan & Billing

Displays your current active plan and provides a link to the Shopify pricing page to upgrade or change your subscription. All billing is managed by Shopify; the app does not handle payments directly.

Reset Wizard

Re-runs the full onboarding wizard. Use this to re-sync categories, re-validate products, or reconfigure priorities from scratch. Existing 3D models and settings are not deleted by resetting the wizard.

Support & Quality Tickets

Quality issues can be reported directly from the Try-Ons product list using the "Report Issue" button on any product row.

Each report: 1. Creates a Quality Ticket in the app with a unique reference. 2. Automatically notifies the WEARFITS support team. 3. Is linked to the affected product and its current try-on URL.

Ticket status updates are visible in the app as the issue is reviewed and resolved. For general support enquiries, contact support@wearfits.com.


Billing Plans

Billing is fully managed by Shopify — they handle payments, free trials, and subscription changes. The app reads your active plan via Shopify's API and enforces shoe limits locally. Apparel allowances are separate from shoe limits and are shown in plan details where applicable.

Plan Shoes with Try-On Monthly Price
Bronze 10 $49
Silver 100 $99
Gold 250 $199

A shoe plan slot is consumed by any shoe product that is either actively processing or has a ready 3D model. Apparel selections do not consume shoe plan slots. Shoe products in the Waiting for plan slot state are queued and will be processed as slots become free (e.g., when other shoe products are removed or the plan is upgraded).

To change your plan, go to Settings → Plan & Billing and follow the link to the Shopify pricing page.