Что понадобится
Онлайн-чат состоит из двух частей: виджета на сайте, который видит посетитель, и рабочего места, где отвечают операторы. Устанавливать нужно только виджет — это одна строка кода. Рабочее место открывается в браузере или как приложение на телефоне.
Перед установкой подготовьте:
- доступ к админке сайта или к шаблону страниц;
- адрес сайта, на котором будет работать чат;
- e-mail для регистрации в сервисе чата.
Способ 1. Вставить код на все страницы
Подходит для любого сайта, если есть доступ к HTML-шаблону.
- Зарегистрируйтесь в сервисе и добавьте сайт по домену.
- Выберите тип виджета: кнопка чата, мультикнопка с мессенджерами или встроенное окно.
- Скопируйте код установки — это тег script с ключом виджета.
- Вставьте его перед закрывающим тегом body в общем шаблоне, чтобы чат появился на всех страницах.
- Откройте сайт в режиме инкогнито и отправьте тестовое сообщение.
Код нужно вставить один раз. Цвет, тексты, расписание и кнопки мессенджеров потом меняются в кабинете без правки сайта.
Способ 2. Плагин для CMS
Для популярных CMS удобнее готовый модуль: не нужно лезть в шаблон, а обновления темы не сотрут код. В Решаем есть плагины для WordPress, 1С-Битрикс, OpenCart и Joomla. После установки плагина достаточно вставить публичный ключ виджета в настройках.
Публичный ключ виджета не секретный: он предназначен для размещения на сайте. Не вставляйте в CMS секретные API-ключи — для работы чата они не нужны.
Способ 3. Конструкторы сайтов
В конструкторах код вставляется в настройки сайта, обычно в раздел «Вставка кода» или «HTML в конце body»:
| Конструктор | Где вставить код |
|---|---|
| Tilda | Настройки сайта → Ещё → HTML-код для вставки внутрь body |
| InSales | Настройки → Счётчики и коды |
| uKit, Nethouse, Flexbe | Настройки → Вставка кода на все страницы |
Пошаговые инструкции с картинками собраны на странице установки на CMS и конструкторы.
Что проверить после установки
- Чат виден на телефоне и не перекрывает кнопку корзины или баннер cookie. Если перекрывает — поднимите кнопку отступом снизу.
- Сообщение доходит до оператора, а уведомление приходит в браузер, приложение или Telegram.
- Офлайн-режим: что видит посетитель ночью — форму для e-mail или телефон для обратного звонка.
- Скорость сайта. Хороший виджет загружается асинхронно и не попадает в критический путь отрисовки. Виджет Решаем на первом экране весит до 50 КБ gzip, а само окно чата грузится только при открытии.
Частые ошибки
- Код вставлен только на главную — посетители из рекламы на внутренних страницах не видят чат.
- Два разных чата на одной странице — кнопки перекрывают друг друга, а метрики делятся на два сервиса.
- Нет никого на связи — посетитель пишет и ждёт. Включите расписание работы и офлайн-сценарий или ИИ-консультанта, который ответит на типовые вопросы ночью.
Итог
Установка чата занимает 5–10 минут в любом из трёх вариантов. Дольше всего — продумать, кто и когда отвечает. Начните с бесплатного тарифа: один оператор и один сайт без ограничения по сроку.