For Custom site

WearRoom is a script tag — it works on any custom HTML site.

If your storefront is a custom HTML site, a React or Next.js build, a Webflow project, a Framer site, or a hand-coded static page, WearRoom installs the same way it does on a hosted platform: paste a div and a script tag. No SDK, no platform adapter.

Start freeOther platforms14-day trial · No card · Cancel any time
Install steps

Five minutes to live on Custom site.

  1. 1
    Add your product in WearRoom
    Create your WearRoom account, add a product matching whatever identifier you use as a SKU, and upload reference photos.
  2. 2
    Copy the embed
    From your WearRoom dashboard, open the product and copy the embed snippet — a div carrying your SKU plus the v1.js script tag.
  3. 3
    Paste the div where the button belongs
    Place the div in your product page markup near the Add to cart control. The widget renders the Try it on button inside the div.
  4. 4
    Paste the script near the end of body
    Add the script tag just before the closing body tag. For React or Next.js apps, include it once in your root layout.
  5. 5
    Done
    Reload the page. The Try it on button appears. Tap it and the try-on opens.
Notes for Custom site

The widget is fully framework-agnostic. In React or Next.js, render the div from JSX and inject the script tag once in the layout (or use next/script). In static site generators (Astro, Hugo, Eleventy, Jekyll), include the snippet in the product template.

FAQ

Custom site questions.

Does it work with React, Next.js, or Vue?
Yes. The widget is a plain script — render the div from your framework and include the script tag once in your layout. The widget watches the DOM for new product divs, so it works with client-side routing too.
Webflow, Framer, static HTML?
All work. Webflow accepts the embed via an HTML Embed element; Framer via a Code component; static HTML via a plain paste.
Headless commerce (Hydrogen, Next.js commerce)?
Yes. Treat the WearRoom embed like any third-party widget: render the div in your product template, include the script in your root layout.
Other platforms
ShopifyWooCommerceBigCommerceWixSquarespace