arrow_back Все платформы

Интеграция виджета

Tilda

Zero Block или HTML на странице товара. У Tilda нет единого шаблона каталога — поля задаются на каждой странице (или в кастомном коде Tilda Store).

1. Studio

  1. Откройте Профиль → Виджет и создайте магазин.
  2. Укажите домен сайта Tilda и сохраните.
  3. Переведите кредиты на баланс виджета.
  4. Скопируйте код во вкладке Tilda и подставьте URL, картинку и категорию товара.

2. Чеклист

  • Создайте магазин во вкладке «Виджет» в Studio и скопируйте Shop ID / API-ключ.
  • Укажите URL сайта магазина (домен нужен для проверки источника запросов).
  • Переведите кредиты на баланс виджета.
  • URL страницы товара и изображения товара — только HTTPS.
  • Сопоставьте тип товара с tops, bottoms или one-pieces.

Важно: на Tilda обычно нет автоматической подстановки полей каталога, как в Woo/Битрикс. Для каждой карточки укажите свои data-product-url, data-image-url и data-category.

3. Вставка кода

Добавьте блок «HTML» / Zero Block на страницу товара (или кастомный код страницы товара Tilda Store). Замените плейсхолдеры URL и изображения на значения этого SKU. 

<!-- Pixel Fit: Zero Block / HTML на КАЖДОЙ странице товара.
     Подставьте URL страницы, картинку и категорию (tops|bottoms|one-pieces). -->
<script src="https://widget.pixel-fit.ru/widget.js"
  data-shop-id="YOUR_SHOP_ID"
  data-api-key="YOUR_API_KEY"
  data-product-url="https://YOUR-SITE.tilda.ws/product-page"
  data-image-url="https://static.tildacdn.com/YOUR_PRODUCT_IMAGE.jpg"
  data-category="tops"
  data-locale="ru"
  async></script>

4. Категории примерки

  • Верх (tops) — футболки, рубашки, худи, лонгсливы, куртки
  • Низ (bottoms) — брюки, юбки, шорты
  • Цельная вещь (one-pieces) — платья, комбинезоны, комбидресс

5. Проверка

  1. Опубликуйте страницу и откройте её по HTTPS.
  2. Проверьте, что в коде нет плейсхолдеров YOUR_…
  3. Запустите примерку — должно открыться фото этого товара.
  4. Демо: /demo

6. Если не работает

Кнопка «Примерить» не появляется

Проверьте, что скрипт загружается (CDN widget.pixel-fit.ru), Shop ID и API-ключ верные, на странице нет ошибок в консоли.

Ошибка или пустой товар на примерке

Задайте data-image-url на главное фото товара (HTTPS). Без изображения генерация не запустится.

Домен отклонён

В настройках магазина в Studio укажите тот же домен, с которого открыт виджет (например shop.ru).

Недостаточно кредитов

Переведите кредиты Studio → Виджет на вкладке «Виджет» в профиле.

Плохой результат примерки

Проверьте data-category: платья — one-pieces, брюки — bottoms, иначе по умолчанию используется tops.

Помощь: support@pixel-fit.ru