Як додати AI-чат-бот у магазин на OpenCart — покроково
↑ Розділ чат-бот для сайту
Коротко: Створюєте в BotChata агента, даєте йому проіндексувати ваш магазин і вставляєте один тег скрипту у шаблон OpenCart. Після цього чат-бот відповідає покупцям цілодобово — про доставку Новою Поштою, повернення, наявність товару — українською, на основі вмісту вашого магазину. Без коду в логіці магазину. Це не Telegram-бот, а бот прямо у вашому магазині.
→ Почати безкоштовно — без картки · Готово за 5 хвилин · Безкоштовний тариф назавжди
Навіщо це магазинам на OpenCart: більшість звернень — однакові питання: чи є товар, де моє замовлення, як повернути, чи відправляєте Новою Поштою. Більшість українських магазинів — команди з кількох людей, які не закривають підтримку ввечері й у вихідні. Бот, який знає ваш каталог і умови, відповідає одразу, 24/7 — і працює з хмари навіть під час відключень світла в офісі.
Що потрібно (вимоги)
- Магазин на OpenCart з доступом до файлів теми (через адмінку або FTP/файловий менеджер хостингу).
- Акаунт BotChata — достатньо безкоштовного тарифу (реєстрація через email, без картки).
- 5 хвилин. Без програмування логіки магазину.
Примітка про версії: шлях до файлу шаблону однаковий, а розширення відрізняється: OpenCart 3.x / 4.x —
footer.twig, OpenCart 2.x —footer.tpl. Нижче показано обидва.
Частина 1 — Налаштування BotChata (≈3 хвилини)
Крок 1: Створіть агента й додайте магазин
Зареєструйтеся на botchata.net і відкрийте панель. На екрані Додати новий сайт введіть Назву сайту та URL сайту і натисніть Додати й почати індексацію. Краул стартує автоматично.

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

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

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

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

<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):
- В адмінці відкрийте Design → Theme Editor («Дизайн → Редактор тем»), виберіть свій магазин і тему.
- Перейдіть до шаблону підвалу: Common → Footer — це файл
catalog/view/theme/default/template/common/footer.twig(якщо у вас власна тема —defaultзаміниться на її назву). - Знайдіть у кінці файлу закривальний тег
</body>і вставте скрипт BotChata безпосередньо перед ним. - Збережіть.
Правки з редактора тем зберігаються в базі даних як перевизначення шаблону, а не переписують файл на диску — тому оновлення файлів теми їх не затирає. Зворотний бік: перевизначення привʼязане до конкретної теми, і при зміні теми його треба перенести.
OpenCart 2.x (шаблони .tpl): той самий шлях, але файл називається footer.tpl —
catalog/view/theme/default/template/common/footer.tpl. Редагується через FTP або файловий менеджер хостингу; скрипт так само ставиться перед </body>.
Очистіть кеш після збереження: Extensions → Modifications і кнопка Refresh (оновити модифікації), а також очищення кешу теми — інакше магазин ще деякий час віддаватиме стару сторінку.
Спосіб Б: через модуль для вставлення коду
Якщо ви не хочете чіпати шаблони:
- У маркетплейсі розширень OpenCart знайдіть модуль на кшталт Custom HTML / Header & Footer Code.
- Встановіть його й вставте скрипт BotChata у поле для коду підвалу.
- Збережіть і очистіть кеш.
Спосіб Б простіший, але додає ще одне стороннє розширення в магазин. Спосіб А не потребує модулів.
Крок 3 — Перевірте, що працює
- Відкрийте магазин у новому вікні в режимі інкогніто.
- У правому нижньому куті зʼявиться бульбашка BotChata.
- Натисніть і поставте реальне питання покупця («Скільки коштує доставка Новою Поштою?»).
- Бот має за кілька секунд відповісти вмістом з вашого магазину, українською.
Бачите віджет? Ви онлайн. 🎉
Приватність і дані
- Дані в ЄС: BotChata працює на серверах Hetzner у Німеччині; ваші дані не використовуються для тренування AI.
- Прозорість (EU AI Act): покупці бачать перед першим чатом, що спілкуються з AI — обовʼязок прозорості за Art. 50 виконано за замовчуванням.
Часті проблеми
| Проблема | Рішення |
|---|---|
| Віджет не зʼявляється. | Очистіть кеш 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 повідомлень/місяць безкоштовно. Без картки. Бот у вашому магазині, не в месенджері.