Як підключити чат на сайт за 5 хвилин

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

Підключення віджета не потребує ні збирання, ні правок верстки. Достатньо додати один рядок перед закривальним тегом </body> — і чат з’явиться на всіх сторінках, де підключено спільний шаблон.

<script async src="/widget/webchatix.js"
        data-site-key="ВАШ_КЛЮЧ_САЙТУ"
        data-operator-name="Support"
        data-operator-desc="Ми онлайн, зазвичай відповідаємо швидко"></script>

Крок 1. Створити сайт у панелі

У розділі «Сайти» додайте назву й домен. Панель видасть ключ сайту — саме його вказують в атрибуті data-site-key. Ключ прив’язує звернення до конкретного проєкту: якщо сайтів кілька, діалоги не переплутаються.

Крок 2. Дозволити домен

У налаштуваннях сайту вкажіть домени, з яких віджет може звертатися до API. Це захищає ключ від використання на чужих сторінках. Якщо віджет не з’явився — майже завжди причина в тому, що домену немає у списку або ключ скопійовано із зайвим пробілом.

Крок 3. Призначити отримувача

Оператор пише ботові /op_me і потрапляє до списку. Далі в розділі «Маршрути» ви вирішуєте, кому надходитимуть звернення: конкретній людині чи робочій групі. Порожній маршрут означає «весь сайт» — усі повідомлення йдуть одному адресатові.

Крок 4. Перевірити

Відкрийте сайт у режимі інкогніто й напишіть собі тестове повідомлення. Воно має надійти в Telegram карткою з назвою сайту та сторінкою, з якої пише відвідувач. Дайте на неї відповідь звичайним reply — текст з’явиться у віджеті за секунду.

От і все, чат працює. Оформлення, привітання та ім’я оператора можна змінити в панелі будь-коли: правки застосовуються одразу, вдруге чіпати код сайту не потрібно.