Документация Fitting Widget

Быстрый старт

Запустите Fitting Widget за считанные минуты

Быстрый старт

Следуйте этим шагам, чтобы добавить виртуальную примерку на ваш сайт.

1. Получите API-ключ

Зарегистрируйтесь на widget.try-on.ru, чтобы получить бесплатный API-ключ.

2. Загрузите скрипт виджета

Добавьте следующий тег <script> на страницу, желательно перед закрывающим тегом </body>:

<script
  src="https://widget.try-on.ru/fitting-widget-bundle.js"
  id="fitting-widget-bundle"
></script>

3. Инициализируйте виджет

<script id="fitting-init">
  window.fitting = window.fitting || function() {
    (window.fitting.q = window.fitting.q || []).push(arguments);
  };
  window.fitting('init', {
    apiKey: 'YOUR_API_KEY'
  });
</script>

4. Добавьте контейнер

Разместите <div> там, где должен отображаться виджет:

<div id="widget-container"></div>

5. Запустите виджет

Вызовите метод create при нажатии пользователем кнопки:

window.fitting('create', {
  targetElementId: 'widget-container',
  model: 'balanced',
  tryonItems: [
    {
      productName: 'Classic Denim Jacket',
      url: 'https://your-store.com/images/jacket.jpg',
    },
  ],
});

Результат

Теперь ваши покупатели могут загрузить фотографию и мгновенно увидеть, как на них сидит одежда.

Дальнейшие шаги