Центр поддержки

Центр поддержки объединяет все каналы взаимодействия с Контуром. Он встраивается в продукт и на сайт в виде виджета.
Как встроить виджет
.

Не ставьте контролы в правый нижний угол, так как сверху будет виджет. Также оставьте свободный угол в сайдпейджах, если решите там показывать Центр поддержки.Интерфейс Контур.Экстерна, справа внизу открыт виджет: операторы в сети, кнопка «Написать в чат», WhatsApp и Telegram, ниже «Ответы на вопросы», «Поиск по Помощи», «Написать письмо», «Статус обращения», «Диагностика»

Центр поддержки в продукте

Сайт Контур.Экстерна, справа открыт виджет: операторы в сети, кнопка «Написать в чат», WhatsApp и Telegram, ниже ссылки «О продукте», «Ответы на вопросы» и ссылки с описаниями, например «Обратиться в сервисный центр»

Центр поддержки на сайте

Над кнопкой Центра поддержки могут всплывать уведомления:

  • критичные жёлтые предупреждения, если что-то произошло,
  • информационные предупреждения,
  • новости по обращениям пользователя.

Несколько уведомлений объединяются в стопку, в стопке максимум 3 уведомления.

Открытие виджета

В веб-сервисах и на сайтах Центр поддержки открывается через кнопку-пуговицу в правом нижнем углу экрана. В десктопных продуктах — по ссылке «Помощь». Чтобы пользователь проще находил помощь по продукту, не используйте другие названия ссылок типа «Нужна помощь», «Обратиться в поддержку», «Поддержка».

Экран Контур.Экстерна с закрытым Центром поддержки: в правом нижнем углу круглая тёмная кнопка со знаком вопроса. Справа колонка ссылок, в том числе раздел «Техподдержка» со ссылками «Письмо в техподдержку» и «Сообщения техподдержки».

Можно использовать другие названия ссылок, по которым открывается вложенный модуль Центра поддержки. Например, на kontur.ru по ссылкам «Заказать звонок», «Написать в чат» и «Написать письмо» открываются соответствующие модули виджета.

Подвал сайта с колонками ссылок «Компания», «Работа у нас», «Продукты», «Журнал», «Партнёрство» и «Техподдержка»; в последней — «Заказать звонок», «Написать в чат» и «Написать письмо»

Чтобы вуаль модального окна или открытый сайдпейдж не закрывали кнопку — правильно настройте z-index. Это можно сделать для всего продукта или определённых страниц.

Модальное окно «Настройки входа» поверх затемнённой страницы Контур.Экстерна, круглая кнопка со знаком вопроса в правом нижнем углу не затемнена и остаётся над вуалью

На страницах с ошибками вставляйте кнопку «Написать в поддержку», по которой откроется чат.Страница «Неизвестная ошибка» Контур.Экстерна с оранжевой иллюстрацией знака вопроса, внизу ссылки «На страницу входа» и «Написать в поддержку» с иконкой чата, в углу кнопка Центра поддержки

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

Центр поддержки открывается над кнопкой-пуговицей в правом нижнем углу экрана с фиксированными отступами 16 px.

Сам виджет можно перетаскивать вправо и влево, а также менять высоту.

Настройка содержимого

Центр поддержки — это конструктор, в нём могут быть:

  • лента уведомлений,
  • онлайн-чат,
  • мессенджеры,
  • критичные предупреждения,
  • произвольные ссылки,
  • пункты «Поиск по Помощи», «Написать письмо», «Статус обращения», «Диагностика», «Удалённое подключение», «Связаться по телефону», «Оценить и оставить отзыв».

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

Центр поддержки со всеми блоками: чат и мессенджеры, жёлтое предупреждение «Сломался ФНС» с кнопкой «Оповестить, когда заработает», пять ссылок, две из них с описанием, «Поиск по Помощи», ниже «Написать письмо», «Статус обращения» и другие пункты

В шапке Центра поддержки будет тот канал связи, который вы определите как основной. По кнопкам «Написать в чат», «Написать письмо», «Заказать звонок» откроется соответствующий модуль. Также можно добавить канал в Slack.

Три варианта Центра поддержки с разным основным каналом в шапке: «Заказать звонок», «Написать письмо» и «Написать в Slack», у каждого своя подпись о сроке ответа. Ниже — «Поиск по Помощи», «Статус обращения», «Диагностика» и другие пункты.

В Центре поддержки можно дополнительно настроить максимум 5 ссылок, к которым можно добавить описание.

Для наиболее популярных вопросов используйте ссылки:

  1. «О продукте» — ссылка на описание сервиса
  2. «Помощь по продукту» — ссылка на Контур.Помощь с описанием продукта
  3. «Ответы на вопросы» — ссылка на ответы на частые вопросы

Описание для таких ссылок не указывайте. Не стоит одновременно показывать «Помощь по продукту» и «Ответы на вопросы», оставьте что-то одно.

Для точечных статей по сервису можно давать произвольные ссылки с описанием.

Цвета

Все кнопки в Центре поддержки всегда тёмно-серого цвета. Счётчики делайте в цвет продукта.

Контур.Маркет с открытым Центром поддержки: кнопка «Написать в чат» тёмно-серая, а счётчики с цифрой 2 у колокольчика и у круглой кнопки в углу синие, в цвет продукта