Головний екран чату: привітання, логотип і плитки

Головний екран — перше, що відвідувач бачить після відкриття чату: привітання, логотип, кольоровий заголовок і до десяти плиток. Унизу перемикаються вкладки Головна, Повідомлення й Допомога. Без головного екрана чат одразу відкриває розмову.

Налаштування — у /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/?

Тексти вкладок («Головна», «Повідомлення», «Допомога») й вбудованих плиток можна змінити в розділі Тексти й мови.