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

# Introduction

> Add Trylora virtual try-on to Shopify or a custom storefront.

Trylora adds virtual try-on to product pages. Shoppers upload one photo, generate a look with the product they are viewing, and can optionally animate the result.

Choose the installation path that matches your storefront. Each path uses the same Trylora experience but has different setup and placement controls.

<CardGroup cols={2}>
  <Card title="Shopify" icon="shopify" href="/shopify/quickstart">
    Install the Try On Button and Trylora Embed through Shopify Theme Editor.
  </Card>

  <Card title="Custom storefront" icon="code" href="/custom-storefronts/quickstart">
    Add the Generic Embed script to a non-Shopify or headless storefront.
  </Card>
</CardGroup>

<Warning>
  On a Shopify Online Store theme, use the Shopify Theme Installation. Do not also add the Generic Embed script. Installing both can load Trylora twice.
</Warning>

## What you can configure

* Where the Try On Button appears
* Which product image Trylora uses
* Button appearance and launcher behavior
* Page targeting and localization
* Delivery of successful try-on events to merchant analytics

<Card title="Choose an installation path" icon="route" href="/quickstart">
  Compare the two supported paths and start with the right guide.
</Card>