Skip to main content

​
Install on Shopify via theme.liquid

Use this method if you don’t use Google Tag Manager and prefer to edit your theme directly.

​
Prerequisites

  • A Wearo account (sign up)
  • Your Wearo API key (get yours)
  • Access to your Shopify theme editor (Online Store → Themes → Edit code)
1

Open your theme code

In your Shopify admin, go to Online Store → Themes. Next to your active theme, click Actions → Edit code.
2

Open theme.liquid

In the Layout folder, click theme.liquid.
3

Add the snippet before </body>

Find the closing </body> tag (near the end of the file) and paste the Wearo snippet just before it:
<script src="https://wearo.io/widget/tryon-widget.js"></script>
<script>
  TryOnWidget.init({
    apiKey: 'wearo_xxxxxxxxxxxxxxxxxxxx',
    productSelector: '.product__media img, .product-featured-media img',
    brandColor: '#000000'
  });
</script>
</body>
Replace wearo_xxx... with your API key.
4

Save the file

Click Save in the top right corner.
5

Verify it works

Open a product page in an incognito tab. You should see the “Try it on” button. Check your dashboard Analytics to confirm the widget is tracking.

​
Troubleshooting

Your theme may use different CSS classes than Dawn/Sense/Refresh. Try this generic selector that works on any Shopify CDN image:
productSelector: 'img[src*="cdn.shopify.com/s/files/"]'
Use the GTM method instead — it doesn’t require touching your theme code.

​
Need help?

Book a 30-min integration call

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