> ## 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.

# Quickstart — Add Wearo in 5 minutes

> Get your Wearo virtual try-on widget live on your store in under 5 minutes.

# Quickstart

By the end of this guide, you'll have the Wearo "Try it on" button live on
your product pages. We'll do it in 4 steps.

## Prerequisites

* A Wearo account (don't have one? [Sign up free](https://wearo.io/signup))
* Access to your store's HTML or tag manager
* 5 minutes

<Steps>
  <Step title="Get your API key">
    Log into your Wearo dashboard, go to **API Keys**, and copy your key.
    It starts with `wearo_`.

    <Warning>
      Keep your API key secret. Anyone with it can run try-ons billed to your account.
    </Warning>

    [Full guide: Get your API key →](/getting-started/api-key)
  </Step>

  <Step title="Add the snippet to your store">
    Paste this just before the closing `</body>` tag on every product page:

    ```html theme={"dark"}
    <script src="https://wearo.io/widget/tryon-widget.js"></script>
    <script>
      TryOnWidget.init({ apiKey: 'wearo_xxxxxxxx' });
    </script>
    ```

    Replace `wearo_xxxxxxxx` with the key from step 1.

    <Note>
      Not sure where to paste it? Check the platform-specific guides:
      [Shopify](/install/shopify-gtm) · [WooCommerce](/install/woocommerce) · [GTM](/install/gtm)
    </Note>
  </Step>

  <Step title="Open your store">
    Visit a product page. You should see a "Try it on" button next to the
    main product image.
  </Step>

  <Step title="Verify it's tracking">
    Back in your dashboard, go to **Analytics**. The "Widget Displayed" counter
    should have incremented. If not, see [Troubleshooting](/resources/troubleshooting).
  </Step>
</Steps>

## What's next?

<CardGroup cols={2}>
  <Card title="Customize the widget" icon="paintbrush" href="/configure/brand-color">
    Match the button to your brand.
  </Card>

  <Card title="Set up conversion tracking" icon="chart-line" href="/conversion-tracking/overview">
    Measure the impact on sales.
  </Card>
</CardGroup>