> ## Documentation Index
> Fetch the complete documentation index at: https://docs.wearo.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Google Tag Manager (any platform)

> Add Wearo virtual try-on via Google Tag Manager on any website.

# 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](/install/shopify-gtm).

## Prerequisites

* A Wearo account ([sign up](https://wearo.io/signup))
* Your Wearo API key ([get yours](/getting-started/api-key))
* A Google Tag Manager container on your site
* Publishing rights on the container

<Steps>
  <Step title="Open Google Tag Manager">
    Log into [tagmanager.google.com](https://tagmanager.google.com) and open
    your container.
  </Step>

  <Step title="Create a new Custom HTML tag">
    1. Click **Tags → New**.
    2. Name the tag `Wearo Widget`.
    3. Select **Tag Configuration → Custom HTML**.
  </Step>

  <Step title="Paste the snippet">
    ```html theme={"dark"}
    <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 →](/configure/reference)
  </Step>

  <Step title="Set the trigger">
    Use **All Pages** or create a custom trigger scoped to your product pages only.
  </Step>

  <Step title="Save, submit, and verify">
    Submit the container version. Open a product page in incognito and confirm
    the "Try it on" button appears.
  </Step>
</Steps>

## Need help?

<Card title="Book a 30-min integration call" icon="calendar" href="https://calendly.com/wearo/integration">
  We'll set up Wearo live on your store with you.
</Card>