TryonAi Integration Guide

Add AI-powered virtual try-on to any storefront. Start by choosing how you want to integrate — then we'll guide you through the exact steps for your platform.

How do you want to integrate?

🏷️

SKU Based Try-On

⚙️ Dashboard Required

Register products in the TryonAi Dashboard with a SKU. The try-on button fires using that SKU — no image URL needed in your code.

📋 Products managed in TryonAi Dashboard
🔗 Button calls launchTryOnBySku('SKU')
🏪 Best for large catalogs
🎛️ Centralized product control

🖼️

Image Based Try-On

⚡ No Dashboard Needed

Pass any product image URL directly to the button. Works instantly without any dashboard setup — just an image URL and gender value.

🚀 Zero dashboard setup required
🔗 Button calls tryOnFromGarmentImage(url, gender)
🌐 Works on any platform
⚡ Fastest way to get started

Before You Begin

Required for both integration types:

🔑

API Key

Provided by Textronics after onboarding

🔐

Secret Key

Paired with your API key for auth

🌐

Domain Name

Domain approved by Textronics

Choose your platform

Select where you're integrating TryonAi. We'll show you the exact code for your setup.

🛍️

Shopify

theme.liquid · Liquid templates · Metafields

✓

🏪

E-Commerce Platform

WooCommerce · Magento · BigCommerce

✓

📦 Sample Integration Files

Download the starter ZIP — includes tdsInit.js, platform-specific snippets, and CSS examples.

⬇ Download sample.zip