Shopify App Extension by TryonLabs.ai

Tanay Agrawal
TryOn Labs
Published in
6 min readApr 20, 2024

If you are following our previous articles, you must already be familiar with what Virtual Try-on is and how it is making life easier for customers of D2C fashion Brands. If not, let me quickly explain you;

Let’s say your potential customer is window shopping, they don’t have any intent to buy anything, you are not able to retain them, your bounce rate is high, your conversion rates are very low. But now you have installed and enabled our Shopify extension, which is a new activity for them, they can have fun, while trying out garments. They are taking different pictures in different poses, pairing one tshirt with another trouser, some jacket with some other belt. They like the way they look. They keep adding garment they liked on themselves, to the cart. They have exceeded their budget, so they’ll have to dump some of them, but they’ll still buy some. You have converted a customer whose only intent was to window shop, to actually shop.

The story sounds like a fairy tale for any D2C Fashion brand, but the tale is true and it is backed by numbers. In current market there’s an average conversion rate of 1.8%. Only 1% of D2C brands are currently using such try-on experiences such as, make-up try-on, accessories try-on, and garment try-on. Numbers prove that you can beat the competition if you add such experiences to your online store.

A Shopify report shows how using experiences similar to virutal try-on experience can result in 44% increase in the likeliness that customer will add object to the cart and 27% increase in the likeliness of buying that product.

In this article I’ll explain you how you as a D2C Fashion brand, can install and enable our shopify app extension for your customers.

We recently released the first stable version of our shopify app extension. And you can find it here: https://apps.shopify.com/tryonlabs-tryon-app

Tryon AI: A Shopify App extension to enable D2C fashion brands provide their customers with Virtual Tryon Experience

Click on “Open app” and install it.

Click on “Install” to install Tryon AI app extension

Once you install it, you’ll be redirected to Admin Panel

Admin Panel, Empty since no garments have been uploaded yet.

In the left, you’ll be able to see our app; “Tryon AI” and just below it, Upload Garments Section. Click on “Upload Garments”.

You’ll be able to see the listed products in your store;

All the products in your store will be fetched here to choose from

If you can’t see the listed products, try reloading and wait for a few seconds for the products to get fetched from your website.

You can select the listed products and a “Upload” button will appear in the bottom right. You can click on it, and the garments will be uploaded for virtual try-on.

Note: If you still can not see the images, you have the alternative option to upload garments using button to top right in the same page; “Upload New Garments”. Fetching store products might cause issue in a few older shopify themes.

Upload New Garment button for manual uploading from local system.

As of now we support all types of upper garments. Flatlay images perform best for virtual tryon, refrain from uploading human fashion models, or images on hangers;

Example of flatlay images.

You can simply spread the garment on table and take a picture from top.

Once you are done uploading the garments, you will be able to see them in the admin panel, click on “Tryon AI” app button.

Admin Panel, once the pictures of garments are uploaded.

Now navigate to your “sales channel”, and click on “Online Store” in the left panel.

Click on “Customize” in your Online Store Theme

Click on “Customize”

This gives you option to customize your store, click on “App embeds” icon. It’s third one on the extreme left bar.

Click on the third option; “App Embeds” on the left most side. And enable the “Tryon AI” app embed.

Enable the App

You’ll start seeing the widget, on bottom right once the app is enabled. We give you the option to customize the widget position. Eg. the default values defines the postion of app embed from bottom is 1.25 and from right is 1.25.

Now if you want to move it to a little left, increase the distance from right;

Customize the Widget positioning

Increase the value of “Right Position ” changed the widget placement. Similarly, if you want to place the widget in bottom left, use these settings;

Can be moved around anywhere in the webpage

Click on widget and you’ll be able to see how pop-up will look like;

Checkout one positioning is done, how widget looks on your website.

Once you are satisfied with the positioning of widget, click on “Save” on the top right and “Exit” from top left.

Voila!!! Tryon AI feature is live on your website.

There are several features in the app, that you and your customers can explore. So, head over to your live website to check how it looks. Try a few garments yourself.

Our Live Demo Store: https://test-store.tryonlabs.ai/
Accept Terms&Conditions to proceed.
You’ll see the uploaded garments in the bottom bar of our app extension. You can use “preview“ button to preview the garment
Upload your Picture
Start multiple try-ons.
First tryon takes time, but subsequent tryons are much faster.

The setup process is quite straight forward. But if you get any doubt or query, just drop an email at contact@tryonlabs.ai and we’ll there to help you.

You’ll get 20 credits for free initially.

1 Credit = 1 Tryon

You can contact us for more credits. For the first 10 D2C brands we will be giving away 500 free credits each. We also have in store amazing discounts and suitable different subscription based on your traffic. Contact us for more details.

Try out our demo store: https://test-store.tryonlabs.ai/

Announcement: Coming soon 2nd version of Tryon AI App, with many more functionalities, better try on accuracy.

About Tryon Labs:

We are building Tryon AI that empowers online apparel stores with Generative AI for Virtual Try-On and Cataloging. Online fashion stores spend a lot on photographers, models, and studios to create catalogs. Online shoppers sometimes struggle to pick clothes that will look nice on them.

Tryon AI cuts costs on cataloging for online fashion stores and improves the shopping experience for customers. Online fashion stores can offer a seamless and immersive way to try on clothes online from the comfort of their homes.

Check out our open-source implementation of TryOnDiffusion: https://github.com/tryonlabs/tryondiffusion

Visit our website: https://www.tryonlabs.ai or contact us at contact@tryonlabs.ai

Join our discord server: https://discord.gg/HYbupTzV7E

--

--

Tanay Agrawal
TryOn Labs

Co-Founder - Tryonlabs.ai, enabling businesses in fashion leverage GenAI to enhance their consumer experience and reduce their operations cost.