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

# Generic Embed quickstart

> Add Trylora to a non-Shopify or headless storefront with one script tag.

The Generic Embed loads Trylora from a single asynchronous script. Store-specific configuration remains in the Trylora dashboard.

## Prerequisites

You need:

* Access to the Trylora dashboard
* The exact production Store URL
* Access to the storefront's global HTML layout or application shell
* At least one product page with a stable product-image element

<Warning>
  Do not use this guide for a Shopify Online Store theme. Use the [Shopify quickstart](/shopify/quickstart) instead.
</Warning>

## Create and install the store

<Steps>
  <Step title="Create a store">
    Open the [Trylora dashboard](https://app.trylora.app), select the appropriate workspace, and create a store. Enter the full Store URL, including `https://`.
  </Step>

  <Step title="Choose setup mode">
    Use **Automatic setup** to scan product and category pages and recommend image sources. Use **Manual setup** when you already know the required selectors and placement.
  </Step>

  <Step title="Copy the Embed Script">
    After store creation, copy the generated snippet. You can find it again under the store's **Embed** tab.

    ```html theme={null}
    <script
      async
      src="https://cdn.trylora.app/embed.js"
      data-store-key="your_store_key"
    ></script>
    ```
  </Step>

  <Step title="Add it once to the global layout">
    Paste the snippet into the shared storefront layout, usually before the closing `</body>` tag. Keep the generated Store Key unchanged and ensure the script appears only once per page.
  </Step>

  <Step title="Publish and test">
    Deploy the storefront, open a product page on the authorized Store URL, and confirm that the Try On Button appears at the configured Try On Target.
  </Step>
</Steps>

<Info>
  A Store Key selects public storefront configuration. It is not a secret credential, but it works only with the Store URL authorized in Trylora.
</Info>

## Verify the first try-on

1. Open a production product page in a private browser window.
2. Confirm that one Try On Button appears in the intended location.
3. Open Trylora and upload an eligible customer photo.
4. Generate a new image result.
5. Confirm that the intended product image was used.

If the button does not appear, check [Store URL and origins](/custom-storefronts/allowed-origins), then [Placement](/custom-storefronts/placement).

## Next steps

<CardGroup cols={2}>
  <Card title="Configure placement" icon="crosshairs" href="/custom-storefronts/placement">
    Select the button target and product image source.
  </Card>

  <Card title="Customize appearance" icon="palette" href="/custom-storefronts/appearance-localization">
    Match the storefront and choose widget language.
  </Card>

  <Card title="Target pages" icon="filter" href="/custom-storefronts/targeting">
    Add show and hide rules.
  </Card>

  <Card title="Connect analytics" icon="chart-line" href="/custom-storefronts/analytics">
    Send success events to existing page analytics providers.
  </Card>
</CardGroup>