Главный экран чата: приветствие, логотип, плитки и вкладки

Главный экран — первое, что видит посетитель, открыв чат: приветствие, логотип, цветной заголовок и до десяти плиток. Ниже переключается между вкладками Главная, Сообщения, Помощь. Без главного экрана чат открывает сразу разговор.

Настройки находятся в /app/projects/{id} на вкладке Внешний вид, раздел Главный экран виджета.

Живой предпросмотр

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

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

Переключатели

• Показывать главный экран — отключено (по умолчанию): чат открывает сразу разговор, строки вкладок нет. Включено: начинается с главного экрана.
• Показывать вкладку помощи — опубликованные статьи справочного центра с поиском. Появляется, только если есть адрес и хотя бы одна опубликованная статья. Настройка справочного центра — в руководстве по продукту.
• Показывать последнее сообщение на главном экране — включено (по умолчанию): возвращающиеся посетители видят, где остановились, и переходят к разговору одним нажатием.
• Показывать кнопку «Связаться с командой» под полем сообщения — включено (по умолчанию). Кнопка появляется, пока отвечает ИИ-ассистент. Когда команды нет в сети, написано «Оставить сообщение команде».

Логотип, цвета и приветствие

• Логотип главного экрана — адрес, начинающийся с https://, или изображение как data:image/…. До 255 символов. Пусто означает отсутствие логотипа, только приветствие.
• Градиент заголовка, от и до — два цвета заголовка главного экрана. Без значения используется фирменный цвет (см. Цвета, шрифт и тема).
• Приветствие — крупная верхняя строка. Пусто означает наш переведённый текст («Здравствуйте 👋»).
• Строка ниже — меньшая строка. Пусто означает «Чем можем помочь?» на языке посетителя.

Приветствие, строка ниже и тексты плиток пишутся на языке проекта по умолчанию (Установка → Основное). До 400 символов на текст. Отдельного перевода по языкам нет: введённое видят и посетители с другим языком виджета. Поэтому пишите главный экран на языке большинства посетителей. Если приветствие или строка ниже пусты, наш текст показывается на языке посетителя.

Стиль заголовка (градиент, плоское оформление, стекло) и плотность главного экрана задаются в Внешний вид → Оформление → Стиль; см. Окно чата: стиль, размер и боковая панель.

Плитки

Плитки — крупные кнопки главного экрана. Можно создать до десяти. Без заголовка плитка не показывается; так же она удаляется: очистите заголовок и сохраните.

У каждой плитки:

• Поведение — действие нажатия:
• Перейти к разговору — открывает разговор. Если в Цели фраза, она помещается в поле посетителя. Не отправляется.
• Открыть ссылку — открывает адрес из Цели. Должен начинаться с https://, иначе не сохраняется.
• Открыть помощь — переключает на вкладку помощи.
• Оставить сообщение — открывает форму сообщения для ответа по почте.
• Заголовок — обязателен, иначе плитки нет.
• Строка ниже — необязательно.
• Цель — адрес или готовая фраза в зависимости от поведения, до 200 символов.

Весь главный экран (плитки, тексты, промокарточка вместе) при сохранении не более 16 КБ. Десять плиток с заголовками и вторыми строками значительно меньше. Если слишком много, аккаунт называет причину, а не молча что-то пропускает.

Промокарточка

На главном экране и/или вверху разговора можно показать собственное предложение, например платный тариф. Находится в Внешний вид → Промокарточка, есть отдельная инструкция: Промокарточка в чате. Для места «Главный экран» экран должен быть включён.

Выбор вкладки при открытии

Активная вкладка при открытии задаётся для ссылки или вызова через data-rc-tab или параметр tab:

<a href="#rc-open" data-rc-tab="help">Browse help articles</a>

ReactiveChat('open', { tab: 'home' });

Допустимы home (главный экран), msg (разговор), help (помощь). Если вкладки нет, чат открывается как обычно. Подробнее: Открытие чата через собственную ссылку или кнопку.

Если что-то не появляется

• Нет вкладок: отмечено и сохранено ли Показывать главный экран?
• Нет вкладки помощи: есть ли адрес справочного центра и опубликованная статья?
• Нет плитки: есть ли заголовок?
• Нет логотипа: начинается ли адрес с https:// или data:image/?

Тексты вкладок («Главная», «Сообщения», «Помощь») и встроенных плиток меняются в Текстах и языках.