Welcome & thank you for installing AI Frame's Virtual Try On & Size Chart!
This Shopify app lets your customers see how your products look on them and find their right size, helping you increase buyer confidence, reduce returns and turn more browsers into buyers.
This guide gets Try On on the first product image, Size Chart next to the Size option, and (on Starter and above) Estimate my size above Add to cart. It takes a few minutes and no coding is needed.
Step 1: Open the app
After installing AI Frame from the Shopify App Store, the app opens right inside your Shopify admin. You can return to it anytime from the left sidebar under Apps → AI Frame – Virtual Try-On.
You'll land on your dashboard, where Get started with AI Frame walks you through setup.
Step 2: Activate your plan
In Get started with AI Frame, open Activate your plan. Start free with 10 try-ons a month, or pick a paid plan with a 7-day free trial. The widget switches on when you confirm.
Step 3: Turn on AI Frame
This is the step that turns AI Frame on. With the embed on, Try On sits on the first product image and Size Chart sits next to the Size option once a chart is assigned. On Starter and above, with Size Recommender on, Help us find your size / Estimate my size also appears above Add to cart.
In Get started with AI Frame, open Turn on AI Frame.
If you have more than one theme, pick your live theme from the Theme dropdown.
Click Turn on in Theme Editor, toggle AI Frame – Virtual Try-On on, then click Save.
💡 Want the Try On pill as a Theme Editor block? Use Show try-on on product images in the same checklist, see Optional: Add the Try On block at the end of this article. The embed still needs to stay on.
Step 4: Choose where the Try On pill shows and match your brand
Open Virtual Try-On in the app's left menu to fine-tune two things:
Which products show the Try On pill: Under Exclude product types, tick the product types and categories from your Shopify catalog where you want to hide the pill (gift cards, homeware, and so on). If the list is long, use search. Leave everything unticked to show the pill on every product, the page confirms it: “No types excluded - the try-on pill appears on all products.” This only hides the try-on pill. Size Chart and Sizing assist still appear on assigned products. Click Save. Full walkthrough: How to Choose Which Products Show the Try-On Button.
2. Personalise the widget: Under Widget customization, you can:
Upload your logo
Add a hero image or video that represents your brand
Set your brand colour (used for buttons and accents)
Choose Light or Dark for the widget
The Live preview beside it shows exactly how the widget will appear to your shoppers as you make changes. Click Save when you're done.
💡 For the full walkthrough - including pill text, position, and per-category hero images - see How to Customise the Try-On Widget to Match Your Brand.
Step 5: Add your size charts
Your size charts appear next to the Size option on the product page, inside the try-on widget, and alongside each shopper's try-on result.
Click Size Chart in the app's left menu. The header shows X of Y size charts in use (green, then orange from 80% — never red). Advanced has unlimited charts, so that meter is hidden.
Click Add new chart. At your plan cap, that button is disabled until you delete a chart or upgrade.
Build it your way: start from a ready-made template (tops, bottoms, dresses, swimwear, jewellery, shoes and more), upload a CSV or Excel file, or build from scratch.
Assign the chart to the product(s) it applies to, and save.
One chart can cover multiple products, so you don't need a chart per item, start with your best-sellers. For more detail, see How to Set Up a Size Chart for Your Products.
Step 6: Check it's working
Open any product page on your storefront.
Confirm the Try On pill sits on the first product image.
On a product with a published Size Chart assigned, confirm Size Chart sits next to the Size option - no photo upload required.
On Starter and above, with Size Recommender on, confirm Help us find your size / Estimate my size above Add to cart. Clothing asks for height, weight and gender (age optional) - no tape measure, and never from the try-on photo. After an estimate the card can read Your size: M.
If Try On and Size Chart are in place, you're live. Estimate my size is the third, independent surface on Starter and above.
Optional: Add the Try On block
Most stores are done after Turn on AI Frame. If you want the Try On pill as a Theme Editor block on the product image:
In the checklist, open Show try-on on product images.
Click Add try-on block to open Theme Editor on Default product.
In Add block → Apps, choose Virtual Try-On.
Click Save. Repeat for every product template you use.
Then optionally open Add sizing to your product page for Size Chart link and Sizing assist, or click Skip — using App embed auto-inject.
If Add try-on block is not available, your theme cannot add app blocks. Keep the embed on (Step 3) — that works on every theme.
Troubleshooting
If the pill doesn't appear after enabling:
Go to Online Store → Themes → Customize.
Click the App embeds icon (the puzzle piece in the left sidebar).
Make sure the AI Frame embed is toggled on.
Check Exclude product types — a ticked type hides the pill on those products only.
Preview a product page again.
Still not showing? Read Try-On Button Missing? A Quick Checklist or send us a message, we are happy to help!
Related articles