Как добавить онлайн-чат на сайт
Опубликовано 29 сентября 2026 г.
Онлайн-чат — окно в углу сайта, через которое посетитель задаёт вопрос, не уходя со страницы. Он нужен тем, кто не хочет писать в мессенджер или звонить.
Что понадобится
- Доступ к коду сайта или к админке конструктора.
- Код виджета из сервиса онлайн-чата — обычно это короткий фрагмент
<script>.
Способ 1. Вставить код вручную
Если у сайта есть доступ к HTML-шаблону:
- Скопируйте код виджета.
- Откройте общий шаблон сайта (тот, что подключается на всех страницах).
- Вставьте код перед закрывающим тегом
</body>. - Сохраните и обновите сайт — значок чата появится в углу.
Способ 2. Tilda
В Tilda код вставляется в настройках сайта, в поле для HTML-кода в <head>, — тогда виджет появится на всех страницах. Если чат нужен только на одной странице, добавьте на неё блок для HTML-кода. После вставки опубликуйте страницы заново.
Способ 3. WordPress
- Через плагин для вставки кода в шапку и подвал — вставьте виджет в раздел подвала.
- Или в файл
footer.phpтемы перед</body>. Лучше делать это в дочерней теме, иначе код пропадёт после обновления.
Способ 4. Google Tag Manager
Создайте тег «Пользовательский HTML», вставьте код виджета и выберите триггер «All Pages». Опубликуйте контейнер. Удобно, если на сайт нельзя вносить изменения напрямую.
Как настроить чат
- Приветствие. Короткое и конкретное: «Здравствуйте! Подскажем по наличию и доставке».
- Время работы. Если ночью никто не отвечает, предупредите об этом и попросите оставить контакт.
- Внешний вид. Цвет кнопки под фирменный стиль, расположение — чтобы не перекрывала важные элементы на мобильных.
- Кнопки мессенджеров. Дайте выбор: ответить в чате или продолжить в Telegram или WhatsApp. Ссылки соберут генераторы для WhatsApp и для Telegram.
Проверьте после установки
Откройте сайт с телефона и компьютера, отправьте тестовое сообщение и убедитесь, что оно дошло до оператора.
Онлайн-чат в Говоруне
В Говоруне чат на сайт подключается так же — кодом виджета, — а сообщения из него попадают в то же окно, что и Telegram и WhatsApp. Оператор отвечает всем из одного места, а в отчётах видно, как быстро команда реагирует на посетителей сайта.
Читайте также
Как дать ссылку на профиль в MAX
Как поделиться своим профилем в мессенджере MAX — ссылкой или QR-кодом — и где разместить ссылку, чтобы клиенты могли написать вам.
Как подключить Telegram к CRM
Чем отличается подключение личного аккаунта Telegram и бота к CRM, что выбрать для продаж и как настроить интеграцию по шагам.
Как сделать ссылку на WhatsApp
Пошаговая инструкция — как создать ссылку wa.me с номером и готовым текстом сообщения, сделать QR-код и разместить на сайте.
Начать бесплатно
Все мессенджеры и CRM в одном окне
Бесплатный тариф · Без карты · Открытые цены