Обзор интерфейса панели

Панель состоит из трёх зон: верхняя панель (настройки и сервисы), список диалогов слева и окно диалога справа. На телефоне список и диалог показываются по очереди (кнопка «←» возвращает к списку).

Верхняя панель #

Схема верхней панели (компьютер). На телефоне все эти кнопки собраны в меню-«бургер» ☰ слева от логотипа — см. 3.4.

1. Ваш аватар. Клик — загрузить фотографию: её можно подвинуть и приблизить (колесо мыши или ползунок), затем «Сохранить». Посетители будут видеть это фото рядом с вашими ответами — ставьте настоящее, доброжелательное. Без фото показывается цветной кружок с вашим инициалом. «Убрать аватар» возвращает инициал.
2. «Кто на сайте». Список тех, кто прямо сейчас находится на сайте: страница, город, браузер. Если у посетителя есть настоящая переписка — рядом метка «диалог» и кнопка «Открыть»; если он просто гуляет по сайту (даже если открывал окошко чата, но ничего не написал) — кнопка «Написать»: вы сами начинаете диалог, ваше сообщение всплывёт у него в чате. Используйте деликатно (см. раздел 8.7).
3. Разделы администратора (видны только администратору): «Операторы» — управление командой: завести нового оператора (имя/логин/пароль), переименовать, сменить пароль, выдать/забрать права администратора, отключить доступ, назначить каждому свой цвет (им окрашивается полоска ведущего в списке, см. 3.2); «Аналитика» — воронка виджета; «Сайты» — цвета меток сайтов-источников; «Статистика» — сколько диалогов принято, передано, закрыто, скорость первого ответа; «Фото на медаль» — картинки для игры в виджете; «Оповещение» — разослать объявление всем операторам (см. 3.2).
4. MAX — привязка вашего аккаунта MAX, чтобы отвечать с телефона (раздел 6).
5. Колокольчик — push-уведомления о новых сообщениях, когда панель свёрнута (раздел 7).
6. Звук — включить/выключить звуковые сигналы (новый диалог и новое сообщение звучат по-разному).
7. Тема — светлая/тёмная.
8. Выйти / Выйти везде — см. раздел 2.

Список диалогов (слева) #

Цветная полоска слева на карточке — цвет ведущего оператора: персональный цвет, назначенный администратором («Операторы»), или автоматический цвет по имени — тот же, что у кружка-аватара. Ничейный (новый) и закрытый диалог — без полоски: нет полоски у свежего диалога = его ещё никто не взял. В правом углу карточки — время последней активности (сегодня — просто время, вчера — «Вчера», раньше — дата).

• Непрочитанные помечены счётчиком; вкладка браузера при этом мигает красной иконкой.
• Группировка. Если посетитель обращался несколько раз, его диалоги собираются в «папку». Стрелка ▾ сворачивает/разворачивает. Двойной клик по названию группы — переименовать (название общее для всех операторов).
• Тема диалога. Вместо «Диалог #N» можно задать свободную тему, например «Возврат по заказу 1123»: в списке — двойной клик по названию (одиночный просто открывает диалог), в шапке открытого диалога — обычный клик по заголовку. Посетитель тему не видит, это ваша внутренняя пометка.
• Теги. Цветные ярлычки на диалогах («оплата», «жалоба», «VIP»…). Нажмите «+ тег» в шапке диалога — отметьте нужные или создайте новый (название + цвет → «Создать»). Теги общие для всей команды; удаление тега убирает его из всех диалогов сразу. Над списком — фильтр по тегам: можно выбрать несколько, покажутся диалоги со всеми выбранными сразу.
• Архив. Закрытый диалог сразу уходит в архив — список активных не засоряется. Посмотреть архив: на компьютере — кнопка «Показать архив» внизу списка, на телефоне — вкладка «Архив» в нижней навигации. Всё обратимо («Вернуть из архива»); при желании в архив можно вручную убрать и открытый диалог (кнопка в шапке).
• «Оповещение от администратора». Когда администратор рассылает объявление (например, «вышло обновление — переустановите приложение»), в списке появляется особый диалог-оповещение. Он только для чтения: прочитали — уходит к вам в архив. Привязанным к MAX объявление дублируется и туда.

Окно диалога (справа) #

Шапка диалога: карточка посетителя, теги, действия. Внизу — строка ответа: 📎 вложение, 🙂 эмодзи, 📋 шаблоны.

В шапке открытого диалога — всё, что известно о посетителе:

• Гео · браузер · экран — определяется автоматически.
• 🌐 Текущая страница — на какой странице сайта посетитель находится. Клик по названию страницы открывает историю переходов — какие страницы он смотрел до обращения, сгруппированные по дням (как история браузера). Иконка ↗ рядом открывает саму страницу в новой вкладке. Полезно: если он на странице оплаты — вопрос, скорее всего, об оплате.
• Другие чаты — прошлые обращения этого же посетителя, открываются кликом. Загляните туда прежде чем задавать вопросы, на которые он уже отвечал.
• Кнопка 🔐 N (если сайт передаёт данные о посетителе) — профиль посетителя: список сведений, которые сообщил сайт (например, сертификаты электронной подписи). Внутри — поиск по ФИО/организации и переключатель «Показывать просроченные»; активная запись подсвечена.
• Кто ведёт — имя ответственного оператора (на телефоне — строка «Ведёт: …»). Обновляется сразу, как только диалог закрепляется.

Если посетитель отправил один из готовых вопросов-подсказок из строки-приглашения виджета, над его сообщением стоит метка «✦ из подсказок» — это стандартный вопрос, а не свободный текст (на такие часто уже ответил автоответчик «Эксперт», см. 5.5).

Панель на телефоне #

На телефоне панель устроена как мобильное приложение — тем более что её удобно и установить как приложение (раздел 7):

Сверху: ☰ меню — логотип — ваше имя и аватар. Снизу — навигация; активный раздел подсвечен.

• ☰ Меню (открывается слева): статус привязки MAX («привязан» зелёным / «не привязан» красным), уведомления, звук, тема, разделы администратора; внизу — «Выйти», «Выйти везде» и номер сборки (пригодится при обращении к администратору «у меня что-то не так»).
• Нижняя навигация: «Диалоги» — список; «Архив» — архивные; «Теги» — фильтр по тегам (шторка снизу: отметьте один или несколько, закрыть — крестик или свайп вниз); «Кто на сайте» — кто сейчас на сайте. Разделы открываются экраном между шапкой и навигацией — шапка и навигация всегда на месте.
• Свайпы по карточке диалога: вправо — в архив (в архиве — обратно из архива), влево — закрыть (панель переспросит). Быстрая уборка списка без открытия диалога.
• В диалоге: «←» — назад к списку, ⋮ — действия (Передать / Закрыть / В архив / + тег). Свайп по сообщению влево — ответить цитатой, двойной тап по своему — редактировать (см. 4.4–4.5).