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

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

Коротко: створюєте агента в BotChata, даєте йому проіндексувати магазин і вставляєте один тег скрипту у підвал WordPress. Після цього агент цілодобово відповідає покупцям про доставку, оплату, повернення й самі товари — лише з вмісту вашого магазину, українською або мовою відвідувача. Установлення займає ~5 хвилин, коду писати не треба. Це бот на вашому сайті, а не в месенджері.

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

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

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

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

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

Частина 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 — Вставте код у WooCommerce (≈2 хвилини)

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

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

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

Готово — віджет тепер вантажиться на кожній сторінці магазину, включно з картками товарів, кошиком і оформленням замовлення.

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

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

Якщо тема блокова (Twenty Twenty-Four / Twenty Twenty-Five або сучасна WooCommerce-тема), плагін не потрібен:

1. Вигляд → Редактор.
2. Шаблони → Підвал.
3. Додайте в кінці блок «Власний HTML» і вставте скрипт.
4. Збережіть.

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

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

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

⚠️ Для магазину цей спосіб найризикованіший: помилка у footer.php кладе весь сайт, включно з оформленням замовлення. Сумніваєтесь — Спосіб А.

Живі дані замовлень: «де моє замовлення №1234»

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

Для WooCommerce це закривається готовою інтеграцією — код писати не треба:

1. У магазині: WooCommerce → Налаштування → Додатково → REST API, створіть ключ із правом читання.
2. У BotChata: вкладка Інтеграції → WooCommerce → вставте адресу магазину та пару ключів.

Після цього на питання «де моє замовлення» агент дістає статус сам. Важлива частина — перевірка власника: перед тим як щось показати, він звіряє замовлення з телефоном або e-mail того, хто питає. Не збіглося — не показує нічого. Ця перевірка виконується кодом, а не мовною моделлю, тож її не можна вмовити словами, і це принципово: номер замовлення вгадується перебором, а адреса доставки — ні.

Інтеграція WooCommerce — від тарифу Business (3 999 грн/міс). Окремо є інтеграція Нової Пошти (від Base): статус посилки за номером ТТН, плюс міжнародні DHL, UPS, FedEx, GLS, DPD, InPost для експорту. Укрпошти серед інтеграцій немає.

Якщо інтеграцію ставити не хочете — від Business працює передача оператору: агент доводить розмову до місця, де потрібна людина, і передає її в Telegram разом із контекстом.

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

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

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

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

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

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

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

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

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

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