Виджет для сайта

Откройте Настройки → Сайт и связь → Чат и каналы. Параметры личного кабинета и виджета собраны на одном экране, но включаются независимо.

Основные настройки

• Чат в кабинете родителя и Чат на сайте лагеря — независимые переключатели;
• приветственное сообщение;
• запрос контактных данных;
• поля Имя, Электронная почта, Телефон;
• для каждого поля отдельные признаки показа и обязательности;
• положение справа или слева внизу;
• автооткрытие через заданное число секунд.

Оформление чата

В блоке Оформление чата можно настроить виджет под сайт лагеря:

• Заголовок чата — текст до 80 символов; по умолчанию «Чат с лагерем».
• Шапка виджета — Логотип и заголовок, Только заголовок или Только логотип. Логотип берётся из брендинга лагеря. Если его ещё нет, показывается заголовок.
• Цвет кнопок и акцентов и Цвет фона чата — выберите цвет в палитре или введите код #RRGGBB. Кнопка Сбросить цвета виджета возвращает цвет лагеря и стандартный светлый фон.
• Скругление углов — от 0 до 28 px. Готовые варианты: Строгий (0), Спокойный (8), Мягкий (24).
• Шрифт — выберите один из 25 шрифтов с поддержкой кириллицы; по умолчанию используется Inter. Чтобы быстрее найти нужный, воспользуйтесь поиском в списке.

Предпросмотр использует тот же виджет, который устанавливается на сайт. Он сразу показывает выбранное оформление, сторону экрана и контактные поля. Переключайтесь между режимами Компьютер и Телефон, чтобы проверить оба размера. Откройте чат, пройдите шаги формы, отправьте пробное сообщение и посмотрите пример ответа сотрудника.

Этот диалог работает только в предпросмотре: сообщения не отправляются лагерю, не сохраняются и не появляются в разделе Сообщения. Кнопка Начать заново сбрасывает пробный диалог.

Изменения в предпросмотре ещё не меняют виджет на сайте: сначала нажмите Сохранить.

Установка

После настройки slug лагеря платформа покажет код. Скопируйте его одной строкой и вставьте перед закрывающим тегом </body> на сайте лагеря.

Как посетитель начинает чат

Посетитель открывает чат, указывает имя и контакты, затем пишет сообщение и начинает чат. Если сбор контактов выключен, посетитель сразу переходит к сообщению. Показываются только включённые контактные поля.

Поля, которые можно пропустить, помечены словом «необязательно». Если обязательное значение пропущено или введено неверно, рядом с полем появляется подсказка.

Российский телефон оформляется по маске +7 (999) 123-45-67: можно ввести десять цифр или вставить номер, начинающийся с 7 или 8. Иностранный номер вводится с + и кодом страны.

Если сообщение не удалось отправить, виджет показывает ошибку и сохраняет введённый текст. После восстановления соединения посетитель может повторить отправку.

Новые сообщения и звук

Ответ сотрудника появляется в открытом чате без обновления страницы. После временного разрыва связи виджет подключается снова и загружает пропущенные сообщения. Если постоянное соединение недоступно, виджет проверяет новые сообщения автоматически.

О новом входящем сообщении сигнализирует короткий звук. Посетитель может нажать Выключить звук в шапке чата, а затем Включить звук, чтобы вернуть уведомления. Браузер разрешает звук после первого взаимодействия с виджетом. При закрытом чате на кнопке отображается число непрочитанных сообщений.

Проверка

1. Откройте сайт в приватном окне.
2. Откройте чат на компьютере и телефоне: на каждом шаге поля и кнопки перехода должны быть доступны без обрезки.
3. Проверьте маску телефона и подсказки для незаполненных обязательных полей, затем отправьте тестовое сообщение.
4. Убедитесь, что беседа появилась в панели с каналом сайта, и ответьте посетителю.
5. Проверьте, что ответ появился в виджете без обновления страницы. Повторите проверку с закрытым чатом и проверьте звук и счётчик непрочитанных.
6. Проверьте автоответ и повторное получение сообщений после временной потери соединения.