Обзор
Статистика вашего AI-стилиста
—
Товаров в каталоге
—
Образов в кэше
—
Запросов за 24ч
—
Подключённых доменов
🌙 Ночной прогрев каталога
Каждую ночь в 3:00 AI автоматически генерирует образы для новых товаров.
Отключите, если хотите экономить запросы к AI.
Отключите, если хотите экономить запросы к AI.
—
🔄 Автосинхронизация каталога
YML-фид обновляется каждые 4 часа. Товары добавляются, изменяются и удаляются автоматически.
Фид не настроен — перейдите в Каталог
API-ключ
Используется для подключения виджета к вашему сайту
Ваш ключ
stl_••••••••••••••••••••••••••••••••••••••
⚠️
Не публикуйте ключ в открытом коде на сайте. Передавайте только через переменные окружения или серверный прокси. При компрометации — сразу перевыпустите.
Каталог товаров
Загрузите YML-фид или укажите URL — AI будет подбирать образы из ваших товаров
Загрузить YML-файл
📄
Перетащите YML-файл
или нажмите для выбора · XML, YML · до 50MB
Автосинхронизация по YML-фиду
Укажите URL вашего YML-фида (Яндекс Маркет, Авито и т.д.) — товары будут обновляться автоматически каждые 4 часа.
Или загрузите YML-файл вручную:
Разрешённые домены
Виджет будет работать только с этих доменов. Оставьте пустым — разрешены все.
Установка виджета
Скопируйте код и вставьте на ваш сайт
✅Код ниже уже содержит ваш API-ключ — просто вставьте на сайт.
1. Подключить виджет
HTML — перед </body>
<!-- AI-стилист -->
<script src="https://aistilist.tech/static/ai-stylist-widget.js"></script>
<script>
AIStylist.init({
apiKey: 'stl_ваш_ключ',
});
AIStylist.addButtonsToCards('.product-card', 'data-product-id');
</script>
2. Найти класс карточки через F12
Пример HTML карточки
<div class="product-card" ← первый аргумент
data-product-id="123"> ← второй аргумент
...
</div>
3. Интеграция с корзиной (опционально)
JavaScript
AIStylist.init({
apiKey: 'stl_ваш_ключ',
accentColor: '#9B2B3A', // цвет под ваш бренд
onAddToCart: function(items) {
items.forEach(function(item) {
// ← ваша функция добавления в корзину
});
}
});