Shoppers see the item on themselves and get their size — without leaving your site.
Pick an item and press the button — Anya, an AI character by 10of10, is already in the atelier.
The storefront and items are fictional. The widget is real — exactly what a store gets.
The script reads the product from your markup (schema.org / Open Graph) and renders the widget. The launch button is yours.
<script src="https://10of10.fit/widget/injector.js"
data-store-id="YOUR-STORE-ID" data-auto="1"></script>
<script src="https://10of10.fit/widget/injector.js"></script>
<script>
var atelier = new AtelierInjector({ storeId: 'YOUR-STORE-ID', autoOpen: false });
atelier.inject();
document.querySelector('#your-button')
.addEventListener('click', function () { atelier.open(); });
</script>
The demo storefront runs on this exact script — there is no separate “demo mode”.