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

# Magento

> Add Wearo virtual try-on to your Magento store.

# Install on Magento

## Prerequisites

* A Wearo account ([sign up](https://wearo.io/signup))
* Your Wearo API key ([get yours](/getting-started/api-key))
* Access to your Magento theme files or admin

<Steps>
  <Step title="Add the snippet via CMS static block (no-code)">
    In your Magento admin, go to **Content → Blocks → Add New Block**.
    Add the Wearo snippet and include the block in your product page layout.
  </Step>

  <Step title="Or add it to your theme layout XML">
    In your theme, edit `Magento_Catalog/layout/catalog_product_view.xml` and add a
    block referencing your snippet in the footer container.

    ```html theme={"dark"}
    <script src="https://wearo.io/widget/tryon-widget.js"></script>
    <script>
      TryOnWidget.init({
        apiKey: 'wearo_xxxxxxxxxxxxxxxxxxxx',
        productSelector: '.fotorama__img--full, .gallery-placeholder img',
        brandColor: '#000000'
      });
    </script>
    ```
  </Step>

  <Step title="Flush cache">
    Run `bin/magento cache:flush` or flush from **System → Cache Management**.
  </Step>

  <Step title="Verify it works">
    Visit a product page 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>