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.
Last updated June 2026 · arviewer editorial