One line of code in your theme.liquid file. The "Virtual Try-On" button appears on every product page automatically. Your customers upload a photo and see themselves wearing your products in 25 seconds.
After installation, a golden "Virtual Try-On" button appears on every product page — right next to "Add to Cart." Customers tap it, upload a photo, and get a photorealistic AI result in 25-40 seconds.
You need a Tryva account and your unique API key. This key connects the widget on your Shopify store to your Tryva account.
Go to tryva.ai/signup and create a free account. You get 6 free AI credits instantly — no credit card required.
After login, click Settings at the bottom of the left sidebar. You'll see your API Key. Click "Copy" to copy it to your clipboard.
tryva_sk_a1b2c3d4e5f6...Now open the main layout file of your Shopify store. This file controls the structure of every page — including product pages where the try-on button will appear.
Follow this exact path in your Shopify Admin panel:
After clicking "Edit Code", you'll see the Shopify code editor. In the left sidebar, click the Layout folder, then click theme.liquid:
In the theme.liquid file, scroll all the way to the bottom. Find the closing </body> tag. Add the Tryva script on the line just above it.
Here's exactly where to paste it:
...
285 {{ content_for_layout }}
286
287 <!-- your theme scripts above -->
288
289 <!-- 👇 ADD THIS LINE 👇 -->
290 <script src="https://tryva.ai/tryon.js?key=YOUR_API_KEY"></script>
291
292 </body>
293</html>
YOUR_API_KEY kismini Step 1'de kopyaladiginiz gercek API key ile degistirin!<script src="https://tryva.ai/tryon.js?key=tryva_sk_a1b2c3d4e5f6g7h8"></script>
Kopyala-yapistir icin tek satir:
<script src="https://tryva.ai/tryon.js?key=YOUR_API_KEY"></script>
{{ content_for_layout }} or other scripts and the </body> tag. It should NOT go inside <head>.Click the green "Save" button in the top right corner of the Shopify code editor. Then visit your store to verify.
</body>, not inside <head>YOUR_API_KEY with your real key from Dashboard → SettingsCheck your credit balance in Dashboard → Home. Free accounts get 6 one-time credits. Upgrade to a paid plan for monthly credits.
Add URL parameters to change button appearance:
<!-- Custom button color (hex without #) -->
<script src="https://tryva.ai/tryon.js?key=YOUR_KEY&color=000000"></script>
<!-- Turkish language -->
<script src="https://tryva.ai/tryon.js?key=YOUR_KEY&lang=tr"></script>
Button color as hex (no #). Default: C5A572 (gold). Example: 000000 for black.
Widget language: en or tr. Auto-detects browser language if not set.
Loads async. Zero impact on page speed or Core Web Vitals scores.
Dawn, Debut, Brooklyn, Sense, OS 2.0 and all custom themes.
Customer photos processed once and deleted. Never stored or used for training.
Track widget views, try-ons, add-to-cart from your Tryva dashboard.
Fully responsive. Touch-optimized for phones and tablets.
Reads product title to classify: tops, dresses, outerwear, swimwear, pants.
Tops & Shirts
Dresses
Outerwear
Swimwear
Pants & Skirts
To remove: go back to Edit Code → Layout → theme.liquid, delete the <script> line you added, and click Save. The button disappears instantly.
Each virtual try-on = 1 credit. Start free, upgrade when ready.
Free
$0
6 credits
Starter
$29
100 credits/mo
Growth ⭐
$69
300 credits/mo
Pro
$139
800 credits/mo
No. Under 15KB, loads async. Zero Core Web Vitals impact.
All plans: Basic, Shopify, Advanced, Plus. No Plus required.
Works with both mystore.myshopify.com and custom domains like shop.mybrand.com.
Add Shopify tag no-tryon to any product — the button won't show on that page.
Photos compressed in browser, encrypted, processed once, deleted. Never stored, never used for AI training. See Privacy Policy.
6 free credits • No credit card • All themes • 5 min setup
Get Started Free →