For WooCommerce

Install WearRoom on any WooCommerce store, classic or block.

WearRoom is a single script tag on your product page, so any WooCommerce setup works: classic themes, block themes, FSE storefronts, multi-vendor builds. No plugin to install, no theme to switch.

Start free Other platforms14-day trial · No card · Cancel any time

Install steps

Five minutes to live on WooCommerce.

1
Add your product in WearRoom
Create your WearRoom account, add a product matching the SKU you use in WooCommerce, and upload photos so the pipeline can generate a model.
2
Copy the embed snippet
From your WearRoom dashboard, open the product and copy the embed snippet (a div with your SKU plus the v1.js script tag).
3
Add the script to your footer
Paste the script tag into your theme footer.php, or use a snippets plugin like WPCode so the tag survives theme updates.
4
Add the div to the product template
Hook into woocommerce_after_add_to_cart_button (or edit single-product.php) and print the WearRoom div with the product SKU.
5
Reload and verify
Open any product page. The Try it on button appears next to Add to cart. The embed reads the SKU and loads the correct model.

Notes for WooCommerce

Block themes (FSE) work the same way — drop the div into a Custom HTML block inside the product template, and the script into the global footer template. If you cannot edit theme files, WPCode or Code Snippets handles both with no child theme.

FAQ

WooCommerce questions.

Classic theme or block theme — does it matter?

No. The embed is plain HTML and JavaScript, so classic PHP themes and block (FSE) themes both work without changes.

Variable products?

Yes. Pass the variation SKU to data-wearroom-sku. Most stores can use the parent product SKU instead, since the try-on model is usually one per piece.

Will it pass Page Speed plugins?

Yes. The loader is 2.4 KB and lazy — the heavy code downloads only when a shopper taps the button. Caching plugins (WP Rocket, LiteSpeed) leave it alone.