Подробная инструкция по настройке виджета

Чат с клиентами — Genium24

Цель виджета
Плавающий онлайн-чат в правом нижнем углу сайта с автоматическим приветствием, возможностью подключения живых операторов и формой захвата телефона.
Помогает:

• мгновенно отвечать на вопросы посетителей
• снижать процент отказов
• собирать номера телефонов даже от тех, кто не готов писать
• увеличивать конверсию в заявки, консультации и продажи

Когда использовать

• интернет-магазины
• услуги (консультации, запись, расчёт стоимости)
• образовательные лендинги и курсы
• сайты с высокой ценой товара/услуги
• любые страницы, где посетители часто уходят без действия

Структура настроек (3 вкладки)

• Основное — расположение и тексты сообщений
• Внешний вид — цвета, тема, дизайн иконки
• Поведение — автоматические функции, тайминги, форма захвата

1. Основное — расположение и приветствие

Расположение виджета

• Выравнивание
  Справа — стандартный и самый удобный вариант
  Слева — только если справа уже много элементов

• Отступ снизу (px)
  60–120 px
  Рекомендуется: 80 px

• Отступ сбоку (px)
  20–100 px
  Рекомендуется: 80 px

Сообщения

• Оператор для отображения
  «Не выбран (использовать администратора)» — самый простой вариант
  Или выберите конкретного оператора из списка

• Приветственное сообщение
  Короткое, дружелюбное, с вопросом
  Лучшие варианты:

  • «Здравствуйте! Чем могу помочь?»
  • «Привет! 😊 Готов помочь с выбором»
  • «Добрый день! Есть вопросы по товару?»
  • «Здравствуйте! Подскажу цену за 30 секунд»

• Плейсхолдер поля ввода

  • «Введите сообщение…»
  • «Напишите ваш вопрос…»
  • «Какой у вас вопрос?»

• Сообщение благодарности (после отправки, когда оператор не в сети)

  • «Спасибо! Мы скоро свяжемся с вами»
  • «Готово! Оператор ответит в ближайшее время»
  • «Спасибо за сообщение! Скоро ответим»

2. Внешний вид — дизайн и темы

Тема чата

• Светлая — универсальная, читаемая, подходит большинству сайтов
• Тёмная — если основной дизайн сайта в тёмных тонах

Предустановленные дизайны (выберите один)

• Классический синий
• Современный фиолетовый
• Свежий зелёный
• Закат (оранжевый)
• Другие варианты в карусели

Что важно

• круглая аватарка оператора + имя (например «Максим», «Мария»)
• статус «Онлайн» зелёным цветом
• контрастные цвета пузырей сообщений
• иконка чата заметная, но не агрессивная

3. Поведение — автоматические функции

Автоматическое приветствие

• Включить — обязательно
• Задержка приветствия: 2–6 секунд
  Рекомендуется: 3 секунды

Индикатор печати

• Включить — обязательно
  Показывает «печатает…» когда оператор отвечает → сильно повышает доверие

Звуковые уведомления

• Включить звук при новых сообщениях — да (особенно полезно на десктопе)

Форма захвата телефона (самая ценная функция)

• Включить — обязательно
• Задержка показа формы: 8–20 секунд после открытия чата
  Рекомендуется: 10–15 секунд
  → если человек не пишет сразу, чат предлагает оставить номер телефона

Проверка после сохранения

1. Нажмите Сохранить настройки
2. Откройте сайт в режиме инкогнито
3. Кликните на иконку чата (внизу справа)
4. Проверьте:
   • появляется ли приветствие через 3–5 секунд
   • отображается ли имя оператора и статус «Онлайн»
   • работает ли индикатор печати
   • появляется ли форма захвата телефона через 10–15 секунд
   • отправляется ли тестовое сообщение (проверьте в разделе «Чаты» или «Заявки»)

ТОП-улучшения конверсии

• приветствие с конкретной выгодой («Подскажу цену за 30 секунд»)
• форма захвата телефона через 10–15 сек
• индикатор печати включён
• светлая тема + яркая заметная иконка
• отступы 80 px снизу и сбоку
• звук уведомлений включён

Ожидаемый результат

• +20–80% заявок/консультаций на страницах с высоким оттоком
• сбор номеров телефонов даже от тех, кто не готов писать

Удачной настройки и живого трафика в чат! 🚀