Чат для сайта с ответами в Telegram: как он устроен
Я разработал собственный live-чат для небольшого бизнеса: посетитель остается на сайте, а владелец отвечает из Telegram. Ниже не рекламное обещание, а устройство работающего решения, его ограничения и сравнение с облачными сервисами.
Задача: не заставлять клиента менять приложение
Обычная кнопка Telegram уводит посетителя с сайта. Облачный live-чат добавляет еще один кабинет, уведомления и часто ежемесячную оплату. Для одного владельца это бывает избыточно.
Нужен был короткий путь: клиент пишет там, где уже находится, а владелец отвечает в привычном Telegram. При этом ответ должен вернуться в исходный чат, даже если сообщение обрабатывается через webhook.
Архитектура без отдельной CRM
- Сообщение на сайте
Форма проверяет длину, источник и лимиты, после чего сервер создает защищенный идентификатор диалога.
- Уведомление в Telegram
Бот отправляет владельцу текст, контакт и URL страницы. Идентификатор связывает ответ с нужным браузером.
- Reply владельца
Telegram webhook принимает только подписанный запрос и только от разрешенного владельца.
- Ответ посетителю
Виджет периодически проверяет новые сообщения и показывает ответ без перезагрузки страницы.
Что пришлось исправить для iPhone
Safari увеличивает страницу при фокусе на поле со шрифтом меньше 16 px. Из-за этого кнопка отправки могла уйти за экран.
В мобильной версии поля получили 16 px, а высота панели связана с visualViewport. Когда появляется клавиатура, список сообщений сжимается, а поле и отправка остаются в видимой части экрана.
Какая защита реализована
- секретная подпись webhook и проверка Telegram ID владельца
- случайные идентификаторы диалогов достаточной длины
- лимит сообщений, размера запроса и длины полей
- honeypot для простых ботов и проверка источника
- безопасный вывод текста без выполнения HTML
- хранение данных вне публичного каталога и автоматическая очистка
- защита от повторной доставки Telegram-сообщения
JivoChat, Tidio, Crisp или собственный чат
| Сценарий | Что выбрать | Почему |
|---|---|---|
| Один владелец отвечает лично | Собственный чат | Простой Telegram-процесс и отсутствие обязательного тарифа |
| Несколько операторов и отделов | JivoChat, Tidio или Crisp | Готовая маршрутизация, роли и отчеты |
| Нужен особый сценарий | Собственный чат | Логику и интеграции можно менять |
| Нужен запуск за несколько минут | Облачный сервис | Готовый виджет устанавливается быстрее |
Ограничения, о которых важно сказать честно
Это решение не заменяет контакт-центр. В базовой версии нет распределения между десятками операторов, сложной аналитики, вложений и омниканального CRM.
Его преимущество в другом: короткий личный диалог, собственный дизайн, контролируемое хранение и возможность добавить только нужные функции.
Сколько стоит внедрение
Стандартная установка на один сайт начинается от 690 zł. В цену входят подключение Telegram-бота, адаптация под шаблон, мобильная проверка и базовая защита.
Несколько языков, CRM, n8n, Make или автоматические ответы оцениваются отдельно после просмотра сайта.
Короткие ответы
Это AI-чат?
Нет. В базовой версии отвечает живой человек. AI можно подключить позже для повторяющихся вопросов.
Можно увидеть демо?
Да. Чат в правом нижнем углу этой страницы является рабочей версией.
Подойдет Joomla?
Да. Решение уже рассчитано на подключение к Joomla, WordPress и обычным HTML/PHP-сайтам.
Почему не просто ссылка на Telegram?
Человек не покидает сайт, не обязан открывать аккаунт и видит продолжение разговора в исходном контексте.
Нужен такой чат на вашем сайте?
Откройте рабочий виджет или пришлите URL. Я проверю CMS и дам фиксированную оценку.