BotChata

Як додати AI-чат-бот у магазин на OpenCart — покроково

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

Коротко: Створюєте в BotChata агента, даєте йому проіндексувати ваш магазин і вставляєте один тег скрипту у шаблон OpenCart. Після цього чат-бот відповідає покупцям цілодобово — про доставку Новою Поштою, повернення, наявність товару — українською, на основі вмісту вашого магазину. Без коду в логіці магазину. Це не Telegram-бот, а бот прямо у вашому магазині.

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

Навіщо це магазинам на OpenCart: більшість звернень — однакові питання: чи є товар, де моє замовлення, як повернути, чи відправляєте Новою Поштою. Більшість українських магазинів — команди з кількох людей, які не закривають підтримку ввечері й у вихідні. Бот, який знає ваш каталог і умови, відповідає одразу, 24/7 — і працює з хмари навіть під час відключень світла в офісі.

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

Примітка про версії: шлях до файлу шаблону однаковий, а розширення відрізняється: OpenCart 3.x / 4.xfooter.twig, OpenCart 2.xfooter.tpl. Нижче показано обидва.

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

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

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

Додати новий сайт — назва та URL сайту

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

Крок 2: Дочекайтесь завершення індексації

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

Вкладка Посилання — усі сторінки проіндексовані

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

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

Додати джерело — весь сайт чи окрема сторінка

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

Перейдіть на вкладку Огляд і поставте боту типові питання покупців у режимі попереднього перегляду («Чи є цей товар у наявності?», «Як повернути?»). Якщо відповіді правильні — час встановлювати.

Вкладка Огляд — попередній перегляд чату

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

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

Widget → Script — код вставки з кнопкою Copy

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

Атрибут defer завантажує віджет асинхронно — він не сповільнює магазин. Віджет працює в ізольованому Shadow DOM — не конфліктує з темою.

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

Файл підвалу (footer) виводиться на всіх сторінках магазину — тож достатньо вставити скрипт один раз.

✅ Спосіб А (рекомендований): у файл шаблону footer

OpenCart 3.x / 4.x (шаблони Twig):

  1. В адмінці відкрийте Design → Theme Editor («Дизайн → Редактор тем»), виберіть свій магазин і тему.
  2. Перейдіть до шаблону підвалу: Common → Footer — це файл catalog/view/theme/default/template/common/footer.twig (якщо у вас власна тема — default заміниться на її назву).
  3. Знайдіть у кінці файлу закривальний тег </body> і вставте скрипт BotChata безпосередньо перед ним.
  4. Збережіть.

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

OpenCart 2.x (шаблони .tpl): той самий шлях, але файл називається footer.tplcatalog/view/theme/default/template/common/footer.tpl. Редагується через FTP або файловий менеджер хостингу; скрипт так само ставиться перед </body>.

Очистіть кеш після збереження: Extensions → Modifications і кнопка Refresh (оновити модифікації), а також очищення кешу теми — інакше магазин ще деякий час віддаватиме стару сторінку.

Спосіб Б: через модуль для вставлення коду

Якщо ви не хочете чіпати шаблони:

  1. У маркетплейсі розширень OpenCart знайдіть модуль на кшталт Custom HTML / Header & Footer Code.
  2. Встановіть його й вставте скрипт BotChata у поле для коду підвалу.
  3. Збережіть і очистіть кеш.

Спосіб Б простіший, але додає ще одне стороннє розширення в магазин. Спосіб А не потребує модулів.

Крок 3 — Перевірте, що працює

  1. Відкрийте магазин у новому вікні в режимі інкогніто.
  2. У правому нижньому куті зʼявиться бульбашка BotChata.
  3. Натисніть і поставте реальне питання покупця («Скільки коштує доставка Новою Поштою?»).
  4. Бот має за кілька секунд відповісти вмістом з вашого магазину, українською.

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

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

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

ПроблемаРішення
Віджет не зʼявляється.Очистіть кеш OpenCart (Extensions → Modifications → Refresh + кеш теми) і кеш браузера. Переконайтеся, що скрипт саме перед </body> у footer.
Зміна зникла після зміни теми.Перевизначення з редактора тем привʼязане до конкретної теми. Перенесіть скрипт у нову тему або скористайтесь модулем (Спосіб Б).
Бот відповідає «не знаю».Сторінка товару чи умов могла не проіндексуватися. У BotChata перевірте вкладку Посилання і переіндексуйте в один клік.
Бот не знає статусу замовлення.Скрипт відповідає лише зі сторінок магазину. Статус замовлення в реальному часі потребує окремої інтеграції з даними магазину — для OpenCart її поки немає.
Відповідає не тією мовою.BotChata автоматично визначає мову покупця (40+ мов) — корисно для україно- й російськомовних відвідувачів. Перевірте у свіжому вікні.

Часті питання (FAQ)

Чим BotChata відрізняється від Telegram-бота для магазину? Telegram-бот працює в месенджері — покупець має перейти в Telegram. BotChata — бот прямо у вашому магазині: покупець питає на сторінці товару, не виходячи з сайту, і бот відповідає з вашого каталогу й умов. Менше покинутих кошиків через те, що «нікому було відповісти».

Чи потрібен модуль OpenCart? Ні, не обовʼязково. Достатньо вставити один тег скрипту у файл footer теми (Спосіб А). Модуль (Спосіб Б) — лише зручніший варіант для тих, хто не хоче редагувати шаблони.

Чи знає бот мій каталог і умови? Так — індексує сторінки магазину (товари, категорії, умови повернення й доставки, FAQ) і відповідає з них.

Бот говоритиме нормальною українською? Так. Відповідає мовою покупця якісно — жива українська для українських клієнтів, не калька з англійської.

Чи вигадує бот відповіді про повернення чи доставку? Ні. Відповідає лише з проіндексованого вмісту магазину. Якщо умови немає на сайті — каже прямо, а не обіцяє повернення чи доставку, яких ви не пропонуєте.

Скільки це коштує? Є безкоштовний тариф без картки (100 повідомлень/місяць). Платні тарифи — від 1299 ₴/місяць, фіксована ціна в гривні за тариф, без оплати за кожне повідомлення й без токенів. → Тарифи (Хостинг OpenCart ви оплачуєте окремо.)

Чи сповільнить віджет мій магазин? Ні. Завантажується асинхронно (defer) в ізольованому Shadow DOM і не блокує рендеринг.

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

Дайте магазину на OpenCart AI-помічника, який знає ваш каталог і умови та відповідає українською 24/7 — за 5 хвилин.

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

Готово за 5 хвилин. 100 повідомлень/місяць безкоштовно. Без картки. Бот у вашому магазині, не в месенджері.