Обзор
Статистика вашего AI-стилиста
—
Товаров в каталоге
—
Образов в кэше
—
Запросов за 24ч
—
Подключённых доменов
API-ключ
Используется для подключения виджета к вашему сайту
Ваш ключ
stl_••••••••••••••••••••••••••••••••••••••
⚠️
Не публикуйте ключ в открытом коде на сайте. Передавайте только через переменные окружения или серверный прокси. При компрометации — сразу перевыпустите.
Каталог товаров
Загрузите YML-фид или укажите URL — AI будет подбирать образы из ваших товаров
Загрузить YML-файл
📄
Перетащите YML-файл
или нажмите для выбора · XML, YML · до 50MB
Или укажите URL фида
Разрешённые домены
Виджет будет работать только с этих доменов. Оставьте пустым — разрешены все.
Установка виджета
Скопируйте код и вставьте на ваш сайт
✅Код ниже уже содержит ваш API-ключ — просто вставьте на сайт.
1. Подключить виджет
HTML — перед </body>
<!-- AI-стилист -->
<script src="/js/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: '#8b1a2e', // цвет под ваш бренд
onAddToCart: function(items) {
items.forEach(function(item) {
// ← ваша функция добавления в корзину
});
}
});