Як додати AI-чат-бот на сайт на WordPress — покроково за 5 хвилин

Q: Скільки це коштує?

Є безкоштовний тариф без картки (100 повідомлень/місяць, реєстрація через email). Платні тарифи — від $29/місяць, фіксована ціна за тариф, без оплати за кожне повідомлення й без токенів.

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

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

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

Навіщо це власникам сайтів: більшість звернень — ті самі питання (скільки коштує, як замовити, де ви, чи працюєте). Бот, який знає ваш сайт, відповідає одразу, українською, 24/7 — навіть коли у вас команда з 1–2 осіб і немає кому відповідати ввечері чи під час відключень. Бот працює з хмари, тож сайт не «німіє», коли у вас немає світла в офісі.

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

Сайт на WordPress (власний хостинг, wordpress.org) з доступом адміністратора.
Акаунт BotChata — достатньо безкоштовного тарифу (реєстрація через email, без картки).
5 хвилин. Без коду, без програміста.

Примітка про WordPress.com: вставлення тегів скрипту там працює лише на тарифі Business і вище. На wordpress.org (власний хостинг) працює в будь-якій темі.

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

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

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

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

Для безкоштовного тарифу картка не потрібна — достатньо email. (7-денний тест Premium-функцій вмикається пізніше за бажанням і потребує картки; для цього гайда не потрібен.)

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

BotChata прочитає кожну доступну сторінку й збудує з неї базу знань. Для ~50 сторінок це займає 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 завантажує віджет асинхронно — він не сповільнює час завантаження сайту (Core Web Vitals). Віджет працює в ізольованому Shadow DOM — не зіпсує вигляд вашої теми.

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

Є три способи. Спосіб А підходить більшості — без коду, переживає оновлення.

✅ Спосіб А (рекомендований): через плагін header/footer — без коду

Цей спосіб переживає оновлення теми й не потребує програмування.

У панелі WordPress: Плагіни → Додати новий.
Знайдіть WPCode (раніше «Insert Headers and Footers»), встановіть і активуйте.
Перейдіть до Code Snippets → Header & Footer.
Вставте скопійований скрипт BotChata у поле Footer (підвал).
Збережіть. Готово — віджет тепер завантажується на кожній сторінці сайту.

Чому «Footer», а не «Header»: скрипт має стояти перед закривальним тегом </body> — щоб сторінка завантажилася першою, а віджет після неї.

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

Якщо ви використовуєте сучасну блокову тему (наприклад, Twenty Twenty-Four/Twenty Twenty-Five), спрацює й без плагіна:

Відкрийте Вигляд → Редактор.
Виберіть Шаблони → Підвал (або шаблон, видимий на всіх сторінках).
У кінці додайте блок «Власний HTML» і вставте скрипт.
Збережіть.

Спосіб В: вручну у `footer.php` (для розробників)

Лише якщо ви свідомо редагуєте файли теми — найкраще в дочірній темі (child theme), інакше зміна зникне при наступному оновленні теми.

Вигляд → Редактор файлів теми.
Відкрийте файл footer.php.
Вставте скрипт безпосередньо перед </body>.
Оновіть файл.

⚠️ Пряме редагування теми схильне до помилок і не переживає оновлень. Якщо сумніваєтесь — використайте Спосіб А.

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

Відкрийте свій сайт у новому вікні в режимі інкогніто.
У правому нижньому куті зʼявиться бульбашка BotChata.
Натисніть і поставте реальне питання про вашу пропозицію.
Бот має за кілька секунд відповісти вмістом з вашого сайту, українською.

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

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

Дані в ЄС: BotChata працює на серверах Hetzner у Німеччині; ваші дані не використовуються для тренування AI.
Прозорість (EU AI Act): відвідувачі бачать перед першим чатом, що спілкуються з AI — обовʼязок прозорості за Art. 50 виконано за замовчуванням.

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

Проблема	Рішення
Віджет не зʼявляється.	Очистіть кеш (браузера і плагіна кешування, напр. WP Rocket/LiteSpeed). Перевірте, що скрипт у підвалі (збережіть ще раз Спосіб А).
Бот відповідає «не знаю».	Ця сторінка могла не проіндексуватися. У BotChata перевірте вкладку Посилання і переіндексуйте в один клік.
Віджет конфліктує з виглядом.	Shadow DOM має це запобігти. Якщо все ж — налаштуйте позицію/z-index у конструкторі віджета (від тарифу Business).
Відповідає не тією мовою.	BotChata автоматично визначає мову відвідувача (40+ мов). Українець напише українською — бот відповість українською. Перевірте у свіжому вікні.
У мене WordPress.com і немає поля для коду.	Вставлення скрипту доступне від тарифу Business на WordPress.com. На власному хостингу `wordpress.org` працює будь-який спосіб.

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

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

Чи потрібен плагін для WordPress? Ні. Достатньо одного тегу скрипту. Плагін header/footer (Спосіб А) — лише найзручніший безкодовий спосіб його вставити, не обовʼязковий.

Бот говоритиме калькою чи нормальною українською? Нормальною українською. BotChata відповідає мовою відвідувача якісно — не «перекладає з англійської». Українським відвідувачам — жива українська.

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

Скільки це коштує? Є безкоштовний тариф без картки (100 повідомлень/місяць, реєстрація через email). Платні тарифи — від $29/місяць, фіксована ціна за тариф, без оплати за кожне повідомлення й без токенів. Знаєте наперед, скільки платите.

Чи працює з WooCommerce / Elementor / конструктором сторінок? Так. Скрипт завантажується на всьому сайті через підвал і не залежить від теми чи конструктора. Для функцій WooCommerce (статус замовлення, доставка) є додаткові інтеграції.

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

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

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

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

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