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

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

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

Q: Чи сповільнить віджет мій сайт?

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

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

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

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

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

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

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

Примітка про тариф Тільди: вставлення власного HTML-коду (блок T123) доступне на платних тарифах Тільди — орієнтовно на тарифах «Personal» та вище. На безкоштовному тарифі власні скрипти недоступні.

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

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

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

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

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

Крок 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 — Вставте код на Тільді (≈2 хвилини)

На Тільді є два прості способи. Спосіб А підходить більшості — код працює на всіх сторінках сайту.

✅ Спосіб А (рекомендований): через налаштування сайту — код на всіх сторінках

Цей спосіб додає віджет одразу на весь сайт, тож не доведеться вставляти код на кожну сторінку окремо.

У панелі Тільди відкрийте ваш проєкт і перейдіть до «Налаштування сайту».
Знайдіть розділ «Ще» → «Код для вставлення в <head> / <body>» (орієнтовно; точна назва може відрізнятися).
Вставте скопійований скрипт BotChata у поле для коду перед </body> (зазвичай це поле «Insert code before </body>»).
Збережіть і опублікуйте сайт (на Тільді зміни застосовуються після публікації).

Налаштування сайту Tilda → Ще — скрипт BotChata у полі коду

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

Спосіб Б: через HTML-блок T123 на сторінці

Якщо хочете додати бота лише на окрему сторінку (наприклад, лендинг), використайте блок коду:

Відкрийте потрібну сторінку в редакторі Тільди й натисніть «+», щоб додати блок.
У бібліотеці блоків знайдіть категорію «Інше / Other» і виберіть блок «T123 — HTML-код».
Відкрийте вміст блоку («Контент») і вставте скрипт BotChata.
Збережіть і опублікуйте сторінку.

Спосіб А краще, якщо хочете бота на всьому сайті. Спосіб Б — якщо лише на одній сторінці.

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

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

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

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

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

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

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

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

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

Чи потрібен плагін або застосунок Тільди? Ні. Достатньо одного тегу скрипту, вставленого в налаштування сайту або блок T123. Жодних додаткових застосунків.

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

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

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

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

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

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

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

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