---
title: Shopify Shoes Try-On App — Storefront Integration
product: shopify-app
last_updated: '2026-10-26'
description: "How to show the Try On button on your Shopify storefront. The button is visual try-on. It does not recommend a shoe size."
---

# Shopify Shoes Try-On App — Storefront Integration

How to show the Try On button on your Shopify storefront. The button is visual try-on. It does not recommend a shoe size.

The day-to-day controls — onboarding, the product list, and button text — are in the [user guide](user-guide.md). This page is the one-time storefront setup.

---

## Where you work in Shopify

1. **App Home** — the WEARFITS app inside Shopify Admin. Dashboard, Try-Ons, Settings, and the onboarding wizard live here.
2. **Product page panel** — on a product in Shopify Admin you can see whether try-on is ready and turn processing on without leaving that product.
3. **Storefront button** — the Try On button and badges that shoppers see on the product page.

---

## Turn the storefront button on

The storefront button has to be enabled once per store in the theme editor. Installing the app does not turn it on by itself.

1. In Shopify Admin, go to **Online Store → Themes**.
2. Click **Customize** on your active theme.
3. In the left sidebar, click the **App embeds** icon (puzzle piece).
4. Locate **WEARFITS AR Try-On** and toggle it on.
5. Click **Save**.

The onboarding wizard also walks you through this step.

After saving, open a product page in your store and check the Try On button. The theme check covers the default product template. If your store uses other product templates, add the **WEARFITS AR Try-On Button** block to those templates too.

---
## When shoppers see Try On
Each product follows its product group: Shoes, Bags, or Clothes. The switch for one group does not control the others.

For **shoes**, the button shows when all of the following are true:

- the Shoes switch is on
- try-on is enabled for that product
- a shoe model is ready

For **bags** (stores with Bags access), the button shows when all of the following are true:

- the Bags switch is on
- try-on is enabled for that product
- a bag model is ready
- the bag’s longest side has been entered in Products

For **clothes**, the button shows when all of the following are true:

- the Clothes switch is on (only stores with Clothes access see it)
- try-on is enabled for that product
- a clothes try-on is available for that product

Badges follow the same rules. Turning Shoes off hides only shoe buttons and badges. Turning Bags or Clothes off affects only that group.

On a phone, Shoes and Bags open the camera try-on experience. On desktop, they open a QR code for continuing on a phone. Clothes open the photo try-on experience in the browser.

Pages with multiple WEARFITS product blocks are supported. The QR dialog opens and closes for the selected block, and closing it restores page scrolling. QR titles, instructions, and close text use the storefront language when translations are available.

Button text, style, and position are set in **Settings**. See the [user guide](user-guide.md).