Load the widget script, pass the current product and variants, and open the try-on modal from a product page button.
Storefront embed for fast integration
Shopify Virtual Try-On Modal
Add a WEARFITS virtual try-on modal to Shopify product pages by passing product JSON into the widget.
Core endpointPOST /api/v1/virtual-fitting
OpenAPIhttps://api.wearfits.com/doc
Agent context/llms.txt and /llms-full.txt
Use product images as garment inputs and persist digitalTwinId in browser storage for repeat visits.
Keep API calls server-proxyable when a storefront should not expose a service API key.
Machine-readable surfaces
Built for developers and AI agents
- /llms.txt concise AI context and link map
- /llms-full.txt expanded endpoint and integration context
- /docs/openapi-summary.md human and agent-readable API summary
- /widget/tryon.js embeddable storefront modal loader
Key Questions
Does Shopify need a backend app?
The lightest implementation can be a theme embed plus a token strategy. Production stores should proxy API calls through a backend app or app proxy.
How are products passed to the modal?
Pass a JSON object with product id, name, category, image URLs, variants, and optional selected size.
Can multiple products be tried together?
Yes. Pass multiple products and map each one to top, bottom, full-body, or shoe garment slots.