How to Set Up Virtual TryOn on Your Store
Follow this step-by-step guide to add AI virtual TryOn to your Shopify or WooCommerce store in minutes. See all virtual TryOn features or compare plans before you begin.
Choose Your Platform
Shopify Integration
Install the Shopify App
Search for TryOnCloud in the Shopify App Store and click Install. Shopify handles authentication automatically — no URLs to copy or API keys to manage.
Open Shopify App StoreConfigure Display Rules
After installation, go to TryOnCloud in your Shopify admin sidebar. Configure which collections or products should show the TryOn button.
- Show on all products (default)
- Show on specific collections only
- Hide on specific products
Add Theme Extension
Enable the TryOnCloud theme extension from your Shopify theme editor. Drag the "TryOn Button" block to your product page template.
Theme Editor → Product Template → Add Block → TryOnCloud Button
Test It Out
Visit one of your product pages as a customer would. The "Try On Virtually" button should appear. Click it, upload a photo, and see the magic happen!
WooCommerce Integration
Create an Account
Sign up for a free TryOnCloud account at www.tryoncloud.com. You'll receive free generations every month to get started.
Create Free AccountGenerate API Key
Log in to your dashboard and navigate to API Keys. Click "Generate New Key" and register your store's domain (e.g., mystore.com).
Important: Copy your API key immediately - it's only shown once for security reasons.
Install WordPress Plugin
Download the TryOnCloud WooCommerce plugin and upload it to your WordPress site via Plugins → Add New → Upload Plugin.
Download PluginConfigure Plugin Settings
Activate the plugin and go to WooCommerce → Settings → TryOnCloud. Paste your API key and customize the button appearance.
- Enter your API key
- Customize button text and color
- Choose button placement
Test the Integration
Visit a product page on your store. The TryOn button should appear. Test it with a sample photo to verify everything works correctly.
Custom API Integration
For custom platforms or applications, integrate directly with our API
API Endpoint
Example Request
curl -X POST https://www.tryoncloud.com/api/tryon \ -H "x-api-key: YOUR_API_KEY" \ -F "person=@person.jpg" \ -F "product=https://mystore.com/product.jpg"
Response
{
"success": true,
"result": "https://tryoncloud.com/results/abc123.jpg"
}Best Practices
High-Quality Images
Use clear product photos with good lighting for best TryOn results
Register All Domains
Add all your store domains to your TryOnCloud account for security
Monitor Usage
Check your dashboard regularly to track generations and upgrade when needed
Test Thoroughly
Try the feature with different products before promoting to customers
Ready to Add Virtual TryOn to Your Store?
Create your free account and start offering AI-powered virtual TryOn today. Have questions? Read our FAQ or contact support.