Quick Start Guide

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.

Shopify

Shopify Integration

1

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 Store
2

Configure 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
3

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

4

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

WooCommerce Integration

1

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 Account
2

Generate 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.

3

Install WordPress Plugin

Download the TryOnCloud WooCommerce plugin and upload it to your WordPress site via Plugins → Add New → Upload Plugin.

Download Plugin
4

Configure 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
5

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.

Advanced

Custom API Integration

For custom platforms or applications, integrate directly with our API

API Endpoint

POST https://www.tryoncloud.com/api/tryon

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"
}
View Full API Documentation

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.