Your first successful setup should prove one complete path: virtual.fit appears on an eligible product page, a shopper completes a try-on, and the result reaches your dashboard.
Shopify
Custom JavaScript
Install the app
Open the virtual.fit setup, choose Shopify, enter your .myshopify.com store name, and select Install on Shopify.
Complete the account link
Approve the Shopify install. Return to the setup checklist and select Open virtual.fit in Shopify if asked to finish linking the store.
Enable the app embed
Click Open theme editor. In Shopify’s App embeds panel, turn on Virtual Fitting Room, then click Save.
Wait for the first product
virtual.fit automatically prepares eligible apparel on the first connection. Confirm at least one garment is Active and ready.
Test the storefront
Open the Active product’s storefront URL. Confirm Try On appears once over the main product media and complete a try-on.
The setup is working when the generated image appears on the product page and under Virtual Fitting Room → Results.
Register the storefront
Open the virtual.fit setup, choose Custom JS, and save the exact production origin, such as https://shop.example.com.
Sync one product
Import a product by CSV or management API. Its ID or handle must match the value exposed by the product URL.
Configure URL detection
Choose a rule such as /products/:handle. Paste a real product URL into the live tester and confirm it resolves to the available product.
Install the loader
Copy the generated snippet from virtual.fit. Point mount at the main product media wrapper and load the exact hosted script URL shown for your site.
Test the storefront
Open the available product URL, complete a try-on, and confirm the result appears under Results.
The loader stays hidden on non-product pages, unmatched URLs, disabled products, and products without usable garment images.
Test on a staging theme or staging origin first. Use the same product IDs, handles, and mount selector that production will expose.
