Getting Started with TryOnCloud
Follow this step-by-step guide to integrate virtual try-on into your online store
Choose Your Platform
Shopify Integration
Install the Shopify App
Visit the app installation URL or find TryOnCloud in the Shopify App Store. Click "Install" and authorize the required permissions.
Configure Display Rules
After installation, go to TryOnCloud in your Shopify admin sidebar. Configure which collections or products should show the try-on 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 "Try-On 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 20 free generations per 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 try-on 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: tryoncloud_live_..." \ -F "person=@person.jpg" \ -F "product=https://mystore.com/product.jpg"
Response
{
"success": true,
"result": "https://tryoncloud.com/results/abc123.jpg",
"remainingGenerations": 18
}Best Practices
High-Quality Images
Use clear product photos with good lighting for best try-on 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 Get Started?
Create your free account and start offering virtual try-on today