Embed Look Widget 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://look.tryona.com?apikey=[Your Public API Key]"
      width="100%"
      height="600"
      frameborder="0"
      allowfullscreen>
    </iframe>
    Adjust width and height as needed.
  4. Pre-load a model
    Append query parameters to the src URL:
    • muid=[Model UID]
    • or
    • apikey=[Public API Key]
    • imageUrl=[Image URL]
    • url=[Product Page URL]
    • description=[Product Title]
    <iframe
      src="https://look.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="100%"
      frameborder="0"
      allowfullscreen>
    </iframe>
  5. You can manage the added models and view tryon statistics in the Tryona dashboard.

Tips: Use CSS for responsive sizing.