Boost Store Conversions with Instant AI Virtual Try-On
Embed a 1-line script onto Shopify, React, Vue, HTML, or any e-commerce storefront. Enable your customers to see clothes on themselves instantly before purchasing.
Experience the Widget
Click the button to test the 2-step virtual try-on flow directly. Customers upload their photo and get instant photorealistic results.
How It Works in 3 Simple Steps
Zero build-step needed. Plug & play compatibility with any website or e-commerce stack.
Embed Script Snippet
Paste our single-line CDN script tag with your API key into your site HTML or Shopify theme.
Customer Uploads Photo
Shoppers click your customized <try-on-button> and upload a photo of themselves in seconds.
AI Composites & Displays
Our backend processes the garment onto their body using state-of-the-art AI models and renders the outcome.
Ready in 2 Minutes
Embed <try-on-button> anywhere. Theme with CSS custom properties.
<!-- 1. Include the ai-tryfit CDN Script -->
<script src="https://ai-tryfit.vercel.app/widget.js" data-api-key="pk_live_your_api_key_here" async></script>
<!-- 2. Add the Custom Element to Any Product Page -->
<try-on-button
product-id="prod123"
product-image="https://yourstore.com/images/navy-blazer.jpg"
product-category="jacket"
product-description="Navy Blazer jacket, tailored fit"
label="Try It On"
></try-on-button>Shadow DOM Isolation
Zero CSS leakage. Custom element works cleanly on any store template.
Plug & Play AI Swapping
OpenAI powers the try-on pipeline with person and garment image inputs.
Secure API Key Metering
Hashed API keys, automatic rate metering, and instant revocation support.