Embed Look Widget on Your Shop Page
-
Register panel & set limits
Sign up at Tryona, log in, go to Panel Settings & configure client limits. -
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 usingAllowed Domains
. -
Add the iframe
Place this HTML where you want the viewer:
Adjust<iframe src="https://look.tryona.com?apikey=[Your Public API Key]" width="100%" height="600" frameborder="0" allowfullscreen> </iframe>
width
andheight
as needed. -
Pre-load a model
Append query parameters to thesrc
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>
- You can manage the added models and view tryon statistics in the Tryona dashboard.
Tips: Use CSS for responsive sizing.