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.