Quick Start Guide

Getting Started with TryOnCloud

Follow this step-by-step guide to integrate virtual try-on into your online store

Shopify

Shopify Integration

1

Install the Shopify App

Visit the app installation URL or find TryOnCloud in the Shopify App Store. Click "Install" and authorize the required permissions.

https://www.tryoncloud.com/api/shopify/auth?shop=your-store.myshopify.com
2

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
3

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

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 20 free generations per 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 try-on 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: 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
}
View Full API Documentation

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