Покупатель видит вещь на себе и узнаёт свой размер — не уходя с вашего сайта.
Выберите вещь и нажмите кнопку — Аня, ИИ-персонаж 10of10, уже в ателье.
Витрина и вещи вымышлены. Виджет — боевой: ровно тот, что получает магазин.
Скрипт сам читает товар из вашей разметки (schema.org / Open Graph) и рисует виджет. Кнопка запуска — ваша: вешаете вызов на свой «Примерить».
<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>
Ровно этим скриптом работает и демо-витрина — отдельного «демо-режима» не существует.