Як встановити чат-віджет на сайт за 2 хвилини

Щоб встановити чат-віджет на сайт, достатньо вставити один рядок коду перед закривним тегом </body> — це займає близько двох хвилин і не потребує програміста. Нижче — універсальна інструкція, нюанси популярних платформ і розвʼязання типових проблем.

Що знадобиться

• Акаунт у сервісі віджета — реєстрація безкоштовна.
• Код встановлення з кабінету — розділ «Встановлення на сайт» у вашому проєкті.
• Доступ до редагування сайту: адмінка CMS або файли шаблону.

Універсальний спосіб: один тег script

1. Зареєструйтесь і створіть проєкт — вкажіть адресу сайту.
2. Відкрийте розділ «Встановлення» та скопіюйте готовий код з вашим ідентифікатором.
3. Вставте код перед закривним тегом </body> у шаблоні сайту.
4. Оновіть сторінку — у кутку зʼявиться кнопка чату.

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

Встановлення на популярних платформах

WordPress

Найпростіше — через будь-який плагін вставки коду (Insert Headers and Footers чи аналоги): вставте код у секцію footer. Другий варіант — додати код у файл footer.php дочірньої теми.

Tilda

Відкрийте «Налаштування сайту → Ще → HTML-код для вставки всередину body» і вставте код встановлення. Збережіть і переопублікуйте всі сторінки — без переопублікації зміни не застосуються.

Конструктори: Shopify, Wix, Squarespace

У всіх сучасних конструкторах є поле «користувацький код» у налаштуваннях теми або сайту. Вставте код туди — він автоматично потрапить на всі сторінки.

Детальні покрокові гайди під кожну платформу зібрані на сторінці встановлення.

Як перевірити, що віджет працює

1. Відкрийте сайт у режимі інкогніто — так ви побачите віджет очима нового відвідувача.
2. Дочекайтеся повного завантаження сторінки та натисніть кнопку чату.
3. Надішліть тестове повідомлення та залиште тестову заявку.
4. Перевірте, що заявка зʼявилась у кабінеті та прийшло сповіщення в Telegram або на пошту.

Часті проблеми та розвʼязання

• Віджет не зʼявився. Перевірте, що код вставлено на всі сторінки, а не лише на головну.
• Зміни не видно. Очистіть кеш CMS і CDN — стара версія сторінки могла закешуватися.
• Віджет видно не там, де треба. Перевірте правила показу в кабінеті: сторінки, пристрої, таймінг.
• На сайті вже є інший чат. Приберіть старий віджет: два чати на сторінці плутають відвідувачів і конкурують за кут екрана.

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

Ні. Код віджета — легкий асинхронний скрипт: браузер завантажує його паралельно з основним контентом, а не замість нього. На показники швидкості сторінки коректно встановлений віджет практично не впливає.

Часті запитання

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

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

Чи можна показувати чат лише на деяких сторінках?

Так. Правила показу налаштовуються в кабінеті: конкретні адреси, пристрої (десктоп чи мобільні), затримка появи.

Чи треба міняти код після зміни дизайну сайту?

Ні. Код залишається тим самим — усі налаштування вигляду віджета змінюються в кабінеті та застосовуються одразу.

Що далі

Віджет встановлено — тепер налаштуйте його: приклади привітальних повідомлень допоможуть почати діалог, а стаття про ШІ-чат-бота пояснить, як перетворити діалоги на заявки.