Як додати AI-чат-бот у магазин на Shopify — за 5 хвилин, без програміста

↑ Розділ чат-бот для сайту

Коротко: створюєте агента в BotChata, даєте йому проіндексувати магазин і вставляєте один тег скрипту у файл теми theme.liquid — або ставите застосунок BotChata: AI Sales Agent з Shopify App Store, якщо не хочете чіпати код. Далі агент цілодобово відповідає покупцям про товари, доставку й повернення — з вмісту вашого магазину і мовою покупця: німець питає німецькою, поляк польською, українець українською.

→ Почати безкоштовно — без картки · Готово за 5 хвилин · Безкоштовний тариф назавжди

Навіщо це українському магазину на Shopify: якщо ви на Shopify, ви майже напевно продаєте за кордон — і покупці пишуть різними мовами й у різних часових поясах. Коли в Україні третя ночі, у вашого клієнта в Каліфорнії робочий день і питання про доставку. Агент, який знає ваш магазин, відповідає йому одразу і його мовою — 40+ мов з автовизначенням, без окремого налаштування під кожну. А ви щотижня отримуєте лист із питаннями, на які він не зміг відповісти, — і дописуєте це на сторінки.

Що потрібно (вимоги)

• Магазин на Shopify із доступом адміністратора — будь-який тариф з онлайн-магазином, Basic теж підходить: редактор коду теми є на всіх.
• Акаунт BotChata — вистачить безкоштовного тарифу (реєстрація через email, без картки).
• 5 хвилин. Без коду, без програміста.

Частина 1 — Налаштування BotChata (≈3 хвилини)

Якщо ставите застосунок з App Store (Спосіб Б нижче), цю частину можна пропустити — майстер застосунку створить агента й запустить індексацію сам.

Крок 1: Створіть агента й додайте магазин

Зареєструйтеся на botchata.net і відкрийте панель. На екрані Додати новий сайт введіть Назву сайту та URL магазину і натисніть Додати й почати індексацію. Краул стартує автоматично.

Для безкоштовного тарифу картка не потрібна — достатньо email.

Крок 2: Дайте проіндексувати магазин

BotChata прочитає картки товарів, колекції, сторінки доставки й повернення, FAQ і контакти. Для типового магазину це 1–3 хвилини. На вкладці Посилання видно кожну зібрану сторінку зі статусом Проіндексовано — дочекайтесь, поки сайт покаже Готово.

Що це означає: агент відповідає тільки з проіндексованого. Немає умов повернення на сайті — він скаже, що не знає, а не вигадає. Для експортного магазину це особливо важливо: вигадана умова доставки в іншу країну — це спір, повернення й негативний відгук.

Щоб додати ще одне джерело пізніше (другий домен чи окрему сторінку), натисніть Додати посилання й виберіть 🌐 Весь сайт або 📄 Окрема сторінка.

Крок 3: Швидкий тест

Перейдіть на вкладку Огляд і поставте агенту питання реального покупця — і не лише українською: «Do you ship to Germany?», «Wie lange dauert der Versand?». Так одразу видно, як він тримає мову.

Крок 4: Скопіюйте код для вставлення

Відкрийте вкладку Віджет і перейдіть до секції Script. Скопіюйте фрагмент біля напису Код вставки:

<script
  src="https://botchata.net/api/widget.js"
  data-api-key="ВАШ_КЛЮЧ"
  data-api-url="https://botchata.net/api"
  defer
></script>

defer вантажить віджет асинхронно — рендеринг не блокується, Core Web Vitals не страждають. Віджет працює в ізольованому Shadow DOM, тож тема залишиться такою, якою ви її зробили.

Частина 2 — Вставте код у Shopify (≈2 хвилини)

Назви пунктів адмінки подані англійською, з українським відповідником: англійська назва — найнадійніший орієнтир, хоч якою мовою відкрита ваша адмінка.

✅ Спосіб А: редагування theme.liquid

1. В адмінці Shopify: Online Store → Themes («Онлайн-магазин → Теми»).
2. Спочатку зробіть копію теми — ⋯ → Duplicate («Дублювати»). Це страховка на 10 секунд.
3. На активній темі: ⋯ → Edit code («Редагувати код»).
4. У розділі Layout відкрийте файл theme.liquid.
5. Знайдіть закривальний тег </body> і вставте скрипт BotChata безпосередньо перед ним.
6. Save («Зберегти»).

Готово — віджет тепер вантажиться на кожній сторінці вітрини: колекції, картки товарів, кошик.

Чому копія теми: theme.liquid — головний файл шаблону, і помилка в ньому ламає вітрину цілком. З дубльованою темою відкат — це два кліки.

Про оновлення теми: якщо ви пізніше оновите тему до нової версії, правки в theme.liquid не переносяться автоматично — скрипт доведеться вставити ще раз. Поставте собі нагадування на день оновлення.

Спосіб Б: застосунок із App Store

BotChata: AI Sales Agent є в Shopify App Store зі значком Built for Shopify. Код чіпати не треба:

1. Відкрийте сторінку застосунку (або знайдіть BotChata у пошуку App Store) і встановіть його.
2. Підтвердіть дозволи — майстер налаштування створює агента й запускає індексацію магазину.
3. Якщо бульбашка не з'явилась у магазині, увімкніть її в Online Store → Themes → Customize → App embeds («Вбудовані застосунки») і збережіть.

Спосіб Б переживає оновлення теми, спосіб А — ні. Але є нюанс з оплатою: встановлений так застосунок тарифікується через Shopify у доларах ($39 / $119 / $299), тоді як пряма оплата на botchata.net для України йде в гривні (1 299 / 3 999 / 10 999 грн). Якщо вам важлива гривня — ставте спосіб А.

Живі дані магазину: каталог і статус замовлення

Скрипт вище дає агенту вміст сторінок. Питання «де моє замовлення» чи «чи є ще розмір L до 2 000 грн» — інший клас: це дані з вашого магазину в конкретний момент.

Для Shopify є готова інтеграція: вкладка Інтеграції → Shopify → адреса магазину → підтвердити доступ у самому Shopify. Після цього агент:

• шукає товари в живому каталозі — з цінами, наявністю й бюджетом покупця, і показує їх картками з посиланням на товар;
• показує статус замовлення — але лише після того, як звірить його з телефоном або e-mail того, хто питає. Не збіглося — не показує нічого. Перевірку виконує код, а не мовна модель, тож її не можна вмовити словами: номер замовлення вгадується перебором, а адреса — ні.

Є й причина суто технічна. Багато тем Shopify малюють ціни скриптом, і тоді в проіндексованому тексті сторінки їх просто немає. З інтеграцією агент бере ціни з каталогу, а не зі сторінки, — і каталог оновлюється сам, коли ви редагуєте товар.

Інтеграція — від тарифу Business (3 999 грн/міс). На Premium можна ввімкнути нагадування про покинутий кошик: агент один раз нагадує покупцю, що в кошику щось лишилось, з посиланням на нього.

Чого інтеграція не робить: не керує складом, не оформлює замовлення й не приймає оплату. Вона дає агенту читати дані магазину, щоб відповідати точно.

Перевірте, що працює

1. Відкрийте вітрину в новому вікні в режимі інкогніто.
2. У правому нижньому куті має з'явитися бульбашка BotChata.
3. Натисніть і поставте справжнє питання покупця.
4. Агент має за кілька секунд відповісти вмістом вашого магазину.

Бачите віджет — ви онлайн. 🎉

Часті проблеми

Приватність і дані

Агент відповідає лише з вмісту вашого магазину. Сервери BotChata — у Німеччині (Hetzner), що доречно для покупців із ЄС. Розмови зберігаються у вашому кабінеті, щоб ви бачили, про що питають покупці. Персональні дані з замовлень не індексуються — інтеграція читає їх у момент запиту й не складає в базу знань.

Хочете глибше про продаж через бота — дивіться бот для інтернет-магазину; магазин на WordPress — гайд для WooCommerce.

Почніть зараз

Дайте магазину на Shopify помічника, який знає ваш асортимент і відповідає покупцям їхньою мовою цілодобово — за 5 хвилин.

→ Почати безкоштовно — без картки

Готово за 5 хвилин. 100 повідомлень на місяць безкоштовно. Без картки. Повний прайс.