Как подключить онлайн-чат на сайт за 10 минут
Чтобы подключить онлайн-чат к сайту, нужно зарегистрироваться в сервисе чата, добавить домен, скопировать сгенерированный JS-скрипт и вставить его перед </body>. Вся работа занимает 10–15 минут даже у человека без опыта в коде. Дальше остается настроить рабочее время, автоприветствие и подключить мессенджеры — Telegram, ВКонтакте, MAX.
Что нужно для подключения чата на сайт
Минимум — доступ к админке сайта (CMS, конструктор или FTP) и регистрация в сервисе чата. Если сайт на Tilda, Битрикс24, WordPress или Insales, скрипт вставляется в одно поле в настройках. Если сайт самописный — нужен доступ к шаблону или к менеджеру тегов вроде GTM.
Для омниканальности заранее подготовьте: сообщество ВКонтакте с правом администрирования, бота в Telegram (создается за минуту через @BotFather), приложение в MAX. Подробности по каждому каналу — в статьях Подключение ВКонтакте к чату на сайте и Чат Telegram для интернет-магазина.
Как установить онлайн-чат на сайт: 4 шага
Шаг 1. Регистрация. Зайдите на cp.notiflow.ru/auth/register, подтвердите email, создайте проект.
Шаг 2. Добавление домена. В кабинете откройте «Каналы → Чат на сайте → Домены», введите URL вашего сайта. Нотифлоу выдаст уникальный snippet вида <script src="https://cp.notiflow.ru/widget/..."> с привязкой к домену.
Шаг 3. Вставка кода. Скопируйте snippet и вставьте его на сайт перед закрывающим тегом </body>. Виджет подгружается асинхронно — DOM-парсинг не блокируется.
Шаг 4. Проверка. Откройте сайт в обычной вкладке (не админке). Внизу справа должен появиться значок чата. Напишите тестовое сообщение — оно прилетит в кабинет оператора в реальном времени.
Как подключить чат на Tilda, WordPress, Bitrix и Insales
На Tilda: «Настройки сайта → Еще → HTML-код для head/body» — вставить snippet в поле «перед </body>». Через 2–3 минуты сделать «Опубликовать все».
На WordPress: плагин Insert Headers and Footers (или WPCode) → поле Body → сохранить. Без плагина — в footer.php темы перед </body>. Минус ручной правки: при обновлении темы код пропадет.
На Битрикс24-сайте: «Настройки сайта → SEO и аналитика → HTML-теги» — выбрать позицию «перед </body>», вставить.
На Insales: «Настройки → Внешний вид → Расширенные настройки → Основной шаблон → Footer.liquid».
Тильда и Insales иногда кешируют изменения 5–10 минут — если виджет не появился, очистите кеш браузера и подождите.
Как объединить чат на сайте с Telegram, VK и MAX
В Нотифлоу один проект ведет переписку из всех каналов в одном инбоксе оператора. Подключение каналов — в разделе «Каналы»: для Telegram нужен токен @BotFather, для VK — токен сообщества, для MAX — ключ из портала разработчика business.max.ru. Оператор отвечает из одного окна, история склеивается по email или телефону клиента.
Это снимает типичную головную боль: клиент написал с сайта, потом из мобильного Telegram — оператор видит, что это один человек, а не два разных тикета.
Как настроить виджет чата чтобы не замедлить сайт
Виджеты чата часто валят Largest Contentful Paint, потому что грузятся синхронно или тянут шрифты с чужих CDN. Нотифлоу-виджет грузится асинхронно (async), не блокирует рендеринг и подтягивает шрифты с того же домена, что и сам snippet — без обращений к Google Fonts. Размер ядра — около 35 КБ gzip.
Для контроля: в Chrome DevTools → Lighthouse прогоните страницу до и после установки. Дельта по LCP должна быть в пределах 100–200 мс.
Хранение переписки в России: 152-ФЗ и где живут данные
Нотифлоу хранит переписки и персональные данные на серверах в РФ. Это требование 152-ФЗ для операторов, обрабатывающих данные граждан России. Соглашение об обработке ПДн подписывается в кабинете на этапе подключения. Подробнее — в статье Геосервис данных и хранение в России.
Если вендор хранит переписку за границей или не предоставляет договор, вы рискуете получить штраф до 100 000 ₽ за нарушение и блокировку Роскомнадзора.
Сколько стоит подключить чат и есть ли бесплатный тариф
В Нотифлоу тариф «Старт» — 0 ₽: 1 домен, 1 оператор, неограниченные диалоги с сайта. Этого хватает фрилансеру, ИП или магазину на старте. Платные тарифы открывают мессенджеры, маршрутизацию, AI-классификацию: «Рост» — 850 ₽/мес, «Разгон» — 2 490 ₽, «Контроль» — 6 990 ₽.
Сравнение тарифов и лимитов — на странице тарифов.
Чек-лист: что проверить после установки
— Виджет видно на главной и на товарной/услуговой странице. — Сообщение от посетителя приходит оператору и в push. — Авторизованный клиент попадает в карточку с email/телефоном. — Виджет не ломает мобильную верстку (проверьте 360 и 414 px). — Lighthouse-LCP не вырос больше чем на 200 мс.
Часто задаваемые вопросы
Сколько времени занимает подключение чата на сайт?
10–15 минут на самом популярном стеке (Tilda, WordPress, Битрикс). Если сайт самописный и нет доступа к шаблону — добавьте час на согласование с разработчиком или подключение через GTM.
Можно ли установить онлайн-чат на сайт бесплатно?
Да, тариф «Старт» в Нотифлоу — 0 ₽ без ограничений по диалогам. Лимиты: 1 домен и 1 оператор. Мессенджеры (Telegram, VK, MAX) подключаются на платных тарифах от 850 ₽/мес.
Замедлит ли виджет чата загрузку сайта?
При корректной интеграции — нет. Snippet грузится асинхронно, ядро виджета — около 35 КБ gzip, шрифты self-hosted. Дельта по LCP в Lighthouse обычно 100–200 мс.
Где хранятся переписки клиентов и соответствует ли это 152-ФЗ?
Переписки и ПДн клиентов хранятся на серверах в России. Нотифлоу подписывает договор обработки персональных данных и предоставляет акты по запросу — это покрывает требования 152-ФЗ для российских компаний.
Можно ли подключить один чат сразу к Telegram, VK и WhatsApp?
Telegram, VK и MAX подключаются нативно из раздела «Каналы». WhatsApp Business API подключается через сертифицированных провайдеров и доступен на тарифе «Разгон» и выше. Все каналы попадают в один инбокс оператора.
Подключите чат на сайт за 10 минут — регистрация бесплатно. Дальше изучите маршрутизацию обращений между операторами и подключение Telegram-канала. Полный обзор виджетов — на странице Чат на сайте.