Установить виджет поиска

Виджет — это коробка поиска на сайте. Когда покупатель печатает, он видит товары в реальном времени.

За 30 секунд

1. В панели управления перейдите Поиск → Виджет
2. Скопируйте код
3. Вставьте на сайт перед </body>

Готово! Поиск работает.

Где на сайте установить?

Виджет работает везде:

• На главной странице
• На странице каталога
• На странице товара
• В шапке сайта (рекомендуется)

Какой код вставлять?

Вы увидите примерно такой код:

<script 
  src="https://api.aacsearch.com/api/widget/widget.js"
  data-key="ss_search_xxx..."
  data-index="товары"
  data-theme="light"
>
</script>

Где:

• data-key — ваш ключ для поиска
• data-index — название индекса
• data-theme — светлая или тёмная тема

Как это выглядит?

После установки на сайте появляется:

┌─ Поиск ──────────────────────┐
│ 🔍 Введите название товара   │
│                               │
│ Результаты:                  │
│ • Красная рубашка      1500р  │
│ • Синяя рубашка        1800р  │
│ • Белая рубашка        1200р  │
└───────────────────────────────┘

Покупатель вводит текст — видит товары мгновенно.

Что если ничего не видно?

Проверьте:

1. Ключ скопирован правильно? — без пробелов?
2. Индекс с товарами загрузили? — товары должны быть в индексе
3. Браузер загрузил код? — откройте DevTools (F12), вкладка Console. Там не должны ошибок
4. HTTPS? — виджет работает только на HTTPS сайтах

Как настроить

Поменять тему

Светлая:

data-theme="light"

Тёмная:

data-theme="dark"

Авто (в зависимости от браузера):

data-theme="auto"

Изменить размер

Оборачиваем код в контейнер:

<div style="width: 400px; height: 500px;">
  <script 
    src="https://api.aacsearch.com/api/widget/widget.js"
    data-key="ss_search_xxx"
    data-index="товары"
  >
  </script>
</div>

Несколько индексов на одном сайте

Если у вас несколько каталогов (товары, статьи, документы), установите несколько виджетов:

<!-- Поиск товаров -->
<script 
  src="https://api.aacsearch.com/api/widget/widget.js"
  data-key="ss_search_товары"
  data-index="товары"
>
</script>

<!-- Поиск статей -->
<script 
  src="https://api.aacsearch.com/api/widget/widget.js"
  data-key="ss_search_статьи"
  data-index="статьи"
>
</script>

Что после установки?

Вы можете видеть аналитику:

• Сколько людей ищут
• Что они ищут (популярные запросы)
• Какие товары кликают

Всё это есть в панели управления на вкладке Аналитика.

Есть проблемы?

Напишите в чат поддержки в панели управления или на support@aacsearch.com. Мы поможим установить за 5 минут.