Как подключить чат на сайт за 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 — текст появится в виджете через секунду.
Всё, чат работает. Оформление, приветствие и имя оператора можно менять в панели в любой момент: правки применяются сразу, повторно трогать код сайта не нужно.
← Все статьи