Skip to main content

​
Experience Virtual Try-On Yourself

Before promoting virtual try-on to customers, experience it yourself. This helps you understand the customer journey and identify any optimization opportunities.

​
Step 1: Navigate to a Product Page

  1. Open your Shopify store in a browser
  2. Go to any product page (try-on is enabled on all products by default)
  3. Look for the “Try On” button on the product image
The button appears on your product images and works on desktop and mobile automatically.

​
Step 2: Click “Try On”

Click the button to launch the virtual try-on experience. What happens:
  • A modal or overlay opens
  • You’re prompted to upload or take a photo
  • Instructions guide you through the process

​
Step 3: Upload a Selfie

You have two options:

​
Option A: Upload an Existing Photo

  1. Click “Upload Photo”
  2. Select a photo from your device
  3. Choose a photo (full body shot works best)

​
Option B: Take a New Photo

  1. Click “Take Photo” (on mobile)
  2. Allow camera access when prompted
  3. Face the camera directly
  4. Take the selfie
Best selfie practices:
  • Full body shot works best – Shows the complete garment
  • One person only – Must be a single person
  • Human photos – No cartoons, animals, or illustrations
The app works with any photo. You don’t need to worry about lighting, expression, sunglasses, hats, facing the camera directly, or how recent the photo is.
Image validation protects your credits. If the image doesn’t meet requirements, the customer gets an error message explaining what’s wrong. This prevents abuse and wasted credits.

​
Step 4: Wait for the Result

After uploading:
  • The AI processes the image (15-20 seconds)
  • A loading indicator shows progress
  • The customer can keep browsing – They can scroll, view other images, or explore the product page while the image generates
  • The virtual try-on result appears when ready
The customer journey doesn’t stop. They can continue shopping while the try-on generates.

​
Step 5: Evaluate the Result

The result shows how the garment looks on you. You can toggle between the try-on result and the original product image by tapping on the images. What to check:
  • Does the garment look realistic?
  • Are colors accurate?
  • Would this help you make a purchase decision?
The AI model delivers highly realistic results across all product types. Better product photos and selfies produce better outputs, but the app works with any images.
Revealing products: Lingerie, swimwear, and very revealing garments may fail to generate results. This protects against misuse. Disable these products if you encounter issues.

​
Step 6: Test on Mobile

The app works on mobile automatically—no extra setup needed. Test to verify:
  1. Open your store on your phone’s browser
  2. Navigate to the same product page
  3. Click “Try On”
  4. Take a selfie with your phone’s camera
  5. Evaluate the result
If it works on desktop, it works on mobile. The app uses responsive design and adapts automatically.

​
Step 7: Ask Team Members to Test

Get feedback from others:
  1. Ask teammates to try virtual try-on
  2. Have them use their own phones and selfies
  3. Gather feedback on the experience

​
Questions to Ask

  • Was it easy to find the button?
  • Was the process intuitive?
  • Would you use this when shopping?
  • Did it work well on your device?

​
Common First Try-On Issues

Use better product images and full-body selfies with good lighting. The model works with any images, but quality in = quality out.
Likely causes:
  • App embed not enabled in theme settings (most common)
  • Browser cache needs clearing
Solution: Go to Online Store → Themes → Customize → App embeds. Enable “Looksy Try-On Button” and save.
Likely causes:
  • Large file size (over 5MB)
  • Slow internet connection
  • Image doesn’t meet validation requirements
Solution: Use smaller images, check your connection, ensure image shows one human with enough body visible.
Yes. The app works on desktop and mobile with no additional setup. If it works on desktop, it works on mobile automatically.

​
What to Do After Your First Try-On

​
If Everything Works Well

  1. Promote the feature – Add messaging to your homepage and marketing (try-on is already enabled on all products)
  2. Track performance – Monitor engagement and conversions in analytics
  3. Optimize products – Disable specific products that don’t work well if needed

​
If There Are Issues

  1. Check the app embed is enabled – Go to Online Store → Themes → Customize → App embeds
  2. Contact support – We’re here to help at [email protected]

​
Testing Checklist

Before going live to customers:
  • Test virtual try-on on desktop
  • Test virtual try-on on mobile
  • Ask team members to test
  • Verify button is visible and easy to find
  • Confirm rendering completes (15-20 seconds)
The app works on all products out of the box. Once you’ve tested it and verified the button appears, you’re ready to promote virtual try-on to customers.

​
Next Steps

Best Practices

Optimize for maximum conversions and engagement

Image Requirements

Ensure your product photos deliver great results

Troubleshooting

Fix common issues and optimize performance

Analytics Dashboard

Track how virtual try-on is performing