Embed Tryona Iframe on Your Shop Page

  1. Register panel & set limits
    Sign up at Tryona, log in, go to Panel Settings & configure client limits.
  2. Get API key & configure domains
    In the dashboard, open API Keys, copy your Public API Key. You can limit access to your shop domain or specific domains using Allowed Domains.
  3. Add the iframe
    Place this HTML where you want the viewer:
    <iframe
      src="https://outfit.tryona.com?apiKey=[Your Public API Key]"
      width="800"
      height="600"
      frameborder="0"
      allowfullscreen>
    </iframe>
    Adjust width and height as needed.
  4. Pre-load a garment
    Append query parameters to the src URL:
    • guid=[Garment UID]
    • or
    • apiKey=[Public API Key]
    • imageUrl=[Image URL]
    • url=[Product Page URL]
    • description=[Product Title]
    <iframe
      src="https://outfit.tryona.com?apiKey=[Your Public API Key]&
            imageUrl=https%3A%2F%2Fcdn.shop.com%2Fimg%2Fshirt.jpg&
            url=https%3A%2F%2Fshop.com%2Fproduct%2Fshirt&
            description=Blue%20Cotton%20Shirt"
      width="800"
      height="600"
      frameborder="0"
      allowfullscreen>
    </iframe>
  5. You can manage the added garments and view tryon statistics in the Tryona dashboard.

Tips: Use CSS for responsive sizing.