Перейти к содержимому
Разделы документации
Русский
Интеграции

Как подключить умный поиск к Shopify

Подключите поиск к теме Shopify, чтобы виджет появился на страницах с общим шаблоном магазина.

Подготовьте каталог и код

  1. Подключите товарный фид в Indexa и дождитесь загрузки каталога.

  2. В «Виджет → Интеграция» укажите URL сайта и скопируйте универсальный код.

Добавьте код в тему

  1. Откройте «Online Store → Themes». Перед редактированием создайте копию темы.

  2. Выберите «Edit code» и откройте «Layout → theme.liquid».

  3. Вставьте полный универсальный код Indexa перед закрывающим тегом </head>.

  4. Сохраните изменения. Если редактировали копию темы, проверьте её и опубликуйте.

Документация платформы: Редактор кода темы Shopify

Пример для theme.liquid

Это фрагмент шаблона. Сохраните существующий код темы и служебные вызовы; не заменяйте весь файл примером.

Фрагмент Layout/theme.liquid
<head>
  <!-- Существующий код темы -->
  {{ content_for_header }}

  <script async src="INDEXA_LOADER_URL_FROM_DASHBOARD"></script>
</head>
Liquid / HTML
Документация платформы: Где работает общий шаблон

Поиск появляется на страницах, использующих шаблон с установленным кодом.

Если используются другие layouts, проверьте такие страницы отдельно.

Для checkout действуют отдельные правила настройки; этот пример его не охватывает.

Проверьте поиск после установки

Откройте магазин и нажмите «Проверить установку» в Indexa. Выберите элементы поиска для компьютера и телефона, сохраните.

Найдите товар, перейдите по ссылке и закройте виджет. Повторите на главной, в категории и карточке товара.

После смены или обновления темы проверьте код и выбранные элементы поиска.

Остались вопросы? Свяжитесь с нами — Поможем с настройкой.

Esc — закрыть