WooCommerce & WordPress
Add AR shoe try-on to your WooCommerce store
Bring the same mobile AR shoe try-on to a WordPress and WooCommerce storefront with a plugin and a block or shortcode embed. Shoppers see shoes on their feet from a tap or a QR scan, with no app to install.
How it works on WooCommerce
On a WordPress and WooCommerce store, the try-on is delivered through a plugin plus a front-end embed. The plugin connects your store to the AR service and registers a block and shortcode; the embed places a Try-on button on your shoe product pages. When a shopper taps it on their phone, or scans the QR code shown on desktop, the camera-based AR try-on opens in the mobile browser — an App Clip from the web on iOS, WebXR on Android — with no app install.
Like the Shopify app, the WooCommerce integration generates the try-on from your existing product images, so there is no scanning or 3D modeling on your side, and the same strong occlusion handling keeps the shoe realistic over a shopper's existing footwear. For fully custom or headless WordPress front-ends, the try-on can also be driven through the REST API.
What you get
No theme rebuild
A block or shortcode drops the Try-on button into your existing product template. No store redesign required.
No 3D production
The try-on is built from your existing product photos — no scanning, modeling, or external 3D services.
Same shopper experience
Identical no-install mobile AR as the Shopify app: tap or QR to see shoes on the foot, with realistic occlusion.
Integration guide
-
1
Install the plugin
Install the WEARFITS Shoes Try-On plugin from the WordPress plugin directory and activate it, then enter your account key to connect the try-on service.
-
2
Connect your product catalog
Map your WooCommerce shoe products to the try-on. The AR experience is generated from your existing product images, so no scanning or 3D work is needed.
-
3
Embed the try-on button
Add the try-on to the WooCommerce single-product template using the provided block or shortcode so a Try-on button appears on shoe product pages.
-
4
Test on a mobile device
Open a product page on a phone, tap Try-on or scan the desktop QR code, and confirm the AR shoe try-on launches in the mobile browser with no app install. Check device compatibility if a device does not launch AR.
Frequently asked questions
How is AR shoe try-on added to a WooCommerce store?
The try-on is delivered through the WEARFITS WordPress plugin plus a front-end embed. The plugin connects your store to the AR service and registers a block and shortcode; you place the block or shortcode on the WooCommerce single-product template to add a Try-on button to your shoe product pages.
Do I need to rebuild my theme or produce 3D models?
No. A block or shortcode drops the Try-on button into your existing product template, so no store redesign is required, and the try-on is built from your existing product photos, so there is no scanning, modeling, or external 3D production.
Is the shopper experience the same as the Shopify app?
Yes. It is the identical no-install mobile AR: shoppers tap the Try-on button or scan the desktop QR code to see shoes on their feet — an App Clip from the web on iOS and WebXR on Android — with the same strong occlusion handling for realistic placement over existing footwear.
Can I use the try-on on a headless WordPress front-end?
Yes. For fully custom or headless WordPress front-ends, the try-on can be driven through the REST API instead of the plugin block or shortcode.
Last updated June 2026 · arviewer editorial