For Squarespace

Add WearRoom to Squarespace via Code Injection and Code Blocks.

Squarespace handles the WearRoom embed with two built-in features: site-wide Code Injection for the script, and a Code Block on the product page for the embed div. Works on Squarespace 7.1 and Fluid Engine.

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

Install steps

Five minutes to live on Squarespace.

1
Add your product in WearRoom
Create your WearRoom account, add a product matching the SKU in Squarespace Commerce, and upload photos.
2
Open Squarespace Code Injection
Squarespace admin, Settings, Advanced, Code Injection.
3
Paste the script in Footer
Paste only the WearRoom script tag into the Footer field. Save.
4
Add a Code Block on the product page
Open your product page editor, add a Code Block where the Try it on button should appear, and paste the WearRoom div with your SKU.
5
Save and preview
Visit the product page on your live site. The Try it on button appears in the Code Block position you chose.

Notes for Squarespace

Squarespace 7.1 with Fluid Engine handles the inline Code Block on product pages without breaking the section layout. On mobile the button stacks naturally. The script in Code Injection loads on every page; it only activates where it finds a WearRoom div, so there is no overhead on non-product pages.

FAQ

Squarespace questions.

Does this require the Business plan or higher?

Yes. Code Injection and Code Blocks are available on the Business plan and above; the Personal plan does not include them.

Does it render correctly on mobile?

Yes. The widget detects device width and uses a fullscreen modal on mobile so the camera view has room to breathe.