Як підключити розумний пошук до Shopify

Підготуйте каталог і код пошуку#

1. 1

   Підключіть товарний фід до Indexa та дочекайтеся появи товарів у каталозі.

2. 2

   У кабінеті відкрийте «Віджет → Інтеграція», вкажіть адресу сайту та скопіюйте «Універсальний код».

Додайте код до теми#

1. 1

   У Shopify відкрийте Online Store → Themes. Перед редагуванням створіть копію теми.

2. 2

   У меню потрібної теми виберіть Edit code та відкрийте Layout → theme.liquid.

3. 3

   Знайдіть закривальний тег </head> і вставте безпосередньо перед ним повний «Універсальний код» Indexa.

4. 4

   Збережіть файл. Якщо редагували копію теми, перевірте її та опублікуйте, коли вона готова.

Приклад у theme.liquid#

Приклад показує місце вставлення. Збережіть наявні налаштування та службові рядки теми. Не замінюйте весь файл цим фрагментом.

<head>
  <!-- Наявний код вашої теми -->
  {{ content_for_header }}

  <script async src="INDEXA_LOADER_URL_FROM_DASHBOARD"></script>
</head>

На яких сторінках працює встановлення#

Цей спосіб підключає Indexa до сторінок магазину, які використовують відредагований шаблон. Якщо тема має інші шаблони сторінок, перевірте їх окремо.

Сторінки checkout налаштовуються у Shopify окремо. Додавання коду в theme.liquid саме по собі не встановлює віджет на checkout.

Перевірте пошук товарів після встановлення#

Після встановлення відкрийте свій магазин і в кабінеті Indexa натисніть «Перевірити встановлення». Виберіть елемент, який має відкривати пошук, окремо для комп’ютера та мобільної версії. Збережіть налаштування.

Перевірте запит за назвою товару, перехід до його сторінки та закриття віджета. Повторіть перевірку на головній, у категорії та на сторінці товару.

Після заміни або оновлення теми перевірте, що код Indexa залишився в опублікованій версії.