A fully customizable Framer plugin widget that can be seamlessly added to your website. It lets users virtually try on clothing by simply uploading their photo, delivering an engaging, AI-powered shopping experience with ease.
This plugin brings an AI-powered virtual try-on experience directly into your website. Designed for e-commerce and fashion brands, it gives visitors the ability to see how clothing would look on them before making a purchase — increasing engagement and boosting conversions.
The widget starts as a button placed on your site.
You can fully customize its:
Text
Colors
Fonts
Size
This ensures the button blends perfectly with your brand and design.
When a visitor clicks the button, a modal window opens. The modal is also fully customizable, with options for:
Title and subtitle text
Call-to-action text
Background color and margins
Fonts and colors
Image drag-and-drop upload zone
This flexibility ensures the try-on experience feels natively integrated into your website.
The plugin automatically scans all the product images on the current page and selects the most relevant clothing item for the try-on session. No extra manual setup required.
Visitors can upload their own photo directly into the modal.
File size is supported up to 2 MB.
The system uses this photo to generate the try-on preview.
Using Google Gemini’s advanced AI, the uploaded photo is combined with the product image. Within seconds, the user sees a realistic preview of how the clothing would look on them.
Precisely control where the widget appears and works:
• Path allowlist: Choose site paths (e.g., /products/*, /men/*) where the widget is enabled.
• Domain allowlist: Limit operation to specific domains/subdomains (e.g., shop.example.com, example.co.uk).
Great for staged rollouts, country stores, seasonal campaigns, or excluding non-commerce sections.
Each try-on consumes 1 credit.
Every new user gets a 30-credit free trial to explore the experience.
After the trial, users can purchase more credits via their account.
This ensures the system is cost-efficient and scalable.
The Try On widget can now be injected using Code Components.
Added instructions for injecting a script into the website’s <head> and for injecting a code component.
Introduced a detection algorithm to identify the most suitable product items on a page to display in the modal.
Added documentation for reCAPTCHA.