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

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

Коротко: створюєте агента в BotChata, даєте йому проіндексувати сайт і вставляєте один тег скрипту в панель власного коду у Wix. Далі агент відповідає відвідувачам цілодобово українською або мовою відвідувача — лише з вмісту вашого сайту. Займає ~5 хвилин, без коду. Одна умова: панель власного коду в Wix працює тільки на платному тарифі з підключеним доменом.

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

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

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

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

⚠️ Важливо про безкоштовний Wix. Панель власного коду — те місце, куди вставляється скрипт, — Wix відкриває лише на платному тарифі з підключеним доменом і без рекламного банера Wix. На безкоштовному wixsite.com сторонні скрипти заборонені з міркувань безпеки. Це єдина технічна відмінність Wix від WordPress чи Weblium: там вставлення працює й на дешевших планах. Якщо ви на безкоштовному тарифі — спершу платний план, далі гайд працює на будь-якому шаблоні.

Є обмежений обхідний шлях через елемент HTML-вбудовування, але він показує чат у одному фіксованому місці сторінки, а не плаваючою бульбашкою на всьому сайті. Про нього — у відповідях нижче.

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

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

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

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

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

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

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

У Wix немає плагінів у розумінні WordPress. Скрипт вставляється в одну панель — «Власний код» (в англійському інтерфейсі Custom Code).

Назви пунктів нижче подані так, як вони виглядають в англійському інтерфейсі, з українським відповідником — Wix перекладає панель не повністю й міняє підписи між Editor і Studio, тож англійська назва надійніша як орієнтир.

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

1. Відкрийте панель керування сайтом (Dashboard).
2. Перейдіть до Settings → Custom Code («Налаштування → Власний код», у розділі Advanced).
3. Натисніть + Add Custom Code («Додати код»).
4. Вставте скопійований скрипт BotChata у поле коду.
5. Дайте назву — наприклад, BotChata.
6. Add Code to Pages → виберіть All pages («Усі сторінки»), завантаження — Load once (один раз).
7. Place Code in → Body – end («Кінець body»).
8. Apply, далі опублікуйте сайт.

Три налаштування, які визначають, чи запрацює: усі сторінки, кінець body, і — головне — опублікувати сайт після збереження. У Wix зміни в панелі коду не діють на живому сайті, доки ви не натиснули «Опублікувати». Це причина №1, чому «я все зробив, а віджета немає».

Спосіб Б: Wix Studio

У Wix Studio панель називається так само, але лежить у налаштуваннях самого проєкту: Settings → Custom Code. Логіка й параметри ідентичні — усі сторінки, кінець body, опублікувати.

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

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

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

Прев'ю в редакторі Wix власний код не виконує. Перевіряти треба тільки на опублікованому сайті.

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

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

Агент відповідає лише з вмісту вашого сайту. Розмови зберігаються у вашому кабінеті, щоб ви бачили, про що питають відвідувачі, і раз на тиждень отримували список питань, на які агент не зміг відповісти.

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

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

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

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