Skip to main content

​
Install on Webflow

​
Prerequisites

  • A Wearo account (sign up)
  • Your Wearo API key (get yours)
  • A Webflow Basic plan or higher (required for custom code embeds)
1

Open Webflow Designer

Go to your project in the Webflow Designer.
2

Add custom code to the site footer

  1. Click the W logo → Project Settings → Custom Code.
  2. In the Footer Code section, paste the Wearo snippet.
  3. Or, for a specific page only, go to Page Settings → Custom Code → Footer Code.
3

Paste the snippet

<script src="https://wearo.io/widget/tryon-widget.js"></script>
<script>
  TryOnWidget.init({
    apiKey: 'wearo_xxxxxxxxxxxxxxxxxxxx',
    productSelector: '.product-image img, [data-product-image] img',
    brandColor: '#000000'
  });
</script>
Adjust the productSelector to match your product image element class.
4

Publish and verify

Publish your site and confirm the widget appears on your product pages.

​
Need help?

Book a 30-min integration call

We’ll set up Wearo live on your site with you.