Как добавить чат на сайт

Чат на сайт добавляется за несколько шагов: зарегистрироваться в сервисе, получить код или модуль для вашей CMS, вставить его в нужное место и проверить виджет в браузере. Ниже — порядок действий и отличия по платформам.

РекомендуемJivo — платформа бизнес-коммуникаций: чат на сайте, мессенджеры, чат-боты и ИИ-оператор в одном окне. Есть бесплатный тариф.Открыть Jivo →

Что подготовить до начала

Доступ в админку сайта или к файлам шаблона — без него код не вставить.
Аккаунт в сервисе чата и право его администрировать.
Список каналов, которые нужны: только сайт или ещё мессенджеры.
Один тестовый браузер и телефон, чтобы проверить виджет с обеих сторон.

Шаг 1. Получите код или модуль

В личном кабинете сервиса обычно есть раздел установки: там выдаётся фрагмент JavaScript-кода или готовый модуль для вашей CMS. Копировать код целиком, без правок: он содержит идентификатор вашего аккаунта.

Шаг 2. Выберите место вставки

Чат должен загружаться на всех страницах, поэтому код ставят в общий шаблон: перед закрывающим тегом body или в футер. Если сайт собран конструктором, ищите раздел для HTML-кода в настройках сайта. На обычном HTML-сайте код вставляют в шаблон страницы или в общий файл подключаемых скриптов.

Шаг 3. Проверьте результат

Откройте сайт в режиме инкогнито и обновите страницу с очисткой кэша.
Убедитесь, что виджет виден на главной и во внутренних страницах.
Отправьте тестовое сообщение и проверьте, что оно пришло оператору.
Проверьте вид на телефоне: виджет не должен перекрывать кнопки оформления.

Отдельно по платформам

Tilda — код вставляется через HTML-настройки сайта, отдельный блок на страницах не нужен.
WordPress — обычно достаточно плагина или вставки кода в футер темы; после обновления темы код может потребоваться вставить снова.
1С-Битрикс — подключение через настройки сайта или компонент, с учётом кэширования шаблона.

Частые ошибки

Код вставлен только на одну страницу, а не в общий шаблон.
Кэш браузера или CMS показывает старую версию сайта.
Виджет конфликтует с другим скриптом чата: в каждом сайте должен работать один виджет.

Если что-то не работает, сначала проверьте консоль браузера (F12): ошибки скриптов там видны сразу. Сравнение сервисов для выбора — в подборке чатов для сайта.

Попробуйте Jivo для своего сайта Чат, мессенджеры, чат-боты и ИИ-оператор в одном окне. Есть бесплатный тариф для старта.

Открыть Jivo →

Партнёрская ссылка: переход на официальный сайт Jivo (jivo.ru). Цена для вас не меняется. online-konsultant.info — не официальный сайт Jivo.

Частые вопросы

Нужен ли программист, чтобы добавить чат?

Нет, в большинстве сервисов установка сводится к копированию кода или подключению модуля. Программист понадобится, если сайт самописный или сложно интегрирован с CRM.

Где взять код чата?

В личном кабинете сервиса в разделе установки или интеграции. Для популярных CMS обычно есть готовый модуль или плагин.

Почему чат не появился на сайте?

Чаще всего код вставлен не в общий шаблон, либо не очищен кэш. Проверьте консоль браузера на ошибки и откройте сайт в режиме инкогнито.