Skip to main content

​
Install via Google Tag Manager

Use this guide if you have GTM installed on any platform (not just Shopify). For the Shopify-specific GTM guide, see Shopify → GTM.

​
Prerequisites

  • A Wearo account (sign up)
  • Your Wearo API key (get yours)
  • A Google Tag Manager container on your site
  • Publishing rights on the container
1

Open Google Tag Manager

Log into tagmanager.google.com and open your container.
2

Create a new Custom HTML tag

  1. Click Tags → New.
  2. Name the tag Wearo Widget.
  3. Select Tag Configuration → Custom HTML.
3

Paste the snippet

<script src="https://wearo.io/widget/tryon-widget.js"></script>
<script>
  TryOnWidget.init({
    apiKey: 'wearo_xxxxxxxxxxxxxxxxxxxx',
    brandColor: '#000000'
  });
</script>
Add a productSelector if the default doesn’t match your product images. See all config options →
4

Set the trigger

Use All Pages or create a custom trigger scoped to your product pages only.
5

Save, submit, and verify

Submit the container version. Open a product page in incognito and confirm the “Try it on” button appears.

​
Need help?

Book a 30-min integration call

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