Создание подсказок

Создавать и редактировать подсказки могут пользователи, которым в настройках модуля выданы права «Создание/Редактирование» или «Полный доступ». Для создания подсказок модуль должен быть включен в настройках.

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

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

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

Далее выберите тип подсказки:

• Центрированная. Подсказка будет выводиться по центру экрана без привязки к какому-либо элементу. В дальнейшем изменить тип подсказки можно будет через настройки селектора.

• Привязанная к объекту. В этом случае подсказка будет выводиться рядом с выбранным элементом страницы (кнопкой, блоком, полем). Для создания подсказки нужно предварительно выбрать элемент для привязки. В дальнейшем изменить тип подсказки можно будет через настройки селектора

Когда тип подсказки выбран откроется окно для настройки подсказки. Здесь доступны следующие поля:

1. Активность. Опция определяет, видна ли подсказка обычным сотрудникам. Неактивная подсказка не показывается на странице. Доступ к подсказке остается у привилегированных пользователей через меню управления подсказками.

2. Заголовок. Название подсказки в списке и в интерфейсе редактирования. Поле обязательно для заполнения.

3. Форма для выделения. Опция актуальна только для подсказок с привязкой к объекту, и не применяется для центрированных. Настройка задает форму подсветки элемента: «Круг» или «Прямоугольник».

4. Радиус / Радиус скругления. Опция актуальна только для подсказок с привязкой к объекту, и не применяется для центрированных. Настройка определяет размер круга или скругление углов прямоугольника подсветки элемента.

5. Содержание. Текст и визуальное оформление подсказки. Для оформления подсказки можно использовать HTML-код, изображения и т.п. Поле обязательно для заполнения.

Блок «Дополнительно»Блок «Дополнительно»

Здесь настраиваются различные параметры показа подсказки: привязка к странице, кнопки перехода, привязка к страницы и тому подобное.

1. Привязка к странице. Страница портала, к которой относится подсказка. По умолчанию указывается текущая страница, с которой открыто меню создания подсказки.

2. Селектор. Опция позволяет управлять привязкой подсказок к элементам, а также менять тип подсказки с центрированной на привязанную к элементу. Если подсказка была создана с привязкой к элементу, в поле будет автоматически указан селектор данного элемента. Чтобы сделать подсказку центрированной, очистите поле. Чтобы добавить/изменить привязку к элементу страницы, откройте на странице инструменты разработчика (F12), найдите нужный элемент, кликните по нему правой кнопкой мыши и выберите «Копировать» > «Копировать селектор». Вставьте селектор в поле.

3. Показывать согласно очереди. Опция актуальна при наличии нескольких активных подсказок на странице. Если опция включена, подсказки отображаются в том порядке, который задан через поле «Сортировка». Если опция выключена — подсказка не выводится в общей очереди и ее нельзя просмотреть по клику на лампочку. Открыть такую подсказку можно только по прямой якорной ссылке, если она указана (см. п. 5).

4. Сортировка. Задает порядок показа подсказок, подсказка с наименьшим индексом будет первой, а с наибольшим - последней. Если индекс одинаковый, порядок определяется временем добавления: новые подсказки отображаются последними.

5. Показывать по якорю. При включенной опции подсказку можно открыть по прямой ссылке с якорем в адресе, а не только из общей очереди или через лампочку. Так можно показать отдельный шаг вне общего гайда, например отправить сотруднику прямую ссылку на страницу, где сразу откроется нужная подсказка. Если опция включена, ниже отобразится поле «Якорь».

6. Якорь. Код для ссылки с якорем. Поле выводится при включенной опции «Показывать по якорю» и обязательно для заполнения, если используется якорная ссылка. Здесь укажите произвольное название якоря на латинице без #, например my-tasks. Для просмотра подсказки добавьте к адресу соответствующей страницы # и этот код, например для /company/personal/user/1/tasks/ получится /company/personal/user/1/tasks/#my-tasks. Якорные ссылки работают в т.ч. если включен показ согласно очереди: подсказку можно показывать как автоматически внутри гайда, так и по якорной ссылке.

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

8. Надпись на кнопке «Далее». Текст на кнопке перехода. По умолчанию — «Далее».

9. Ссылка для кнопки «Далее». Адрес, на который ведет кнопка «Далее». Ссылка должна начинаться с / либо с http или https. Поле имеет смысл заполнять у последней подсказки в очереди на странице: сотрудник доходит до конца локального гайда, нажимает «Далее» и переходит на другую страницу портала, где знакомство с интерфейсом продолжается. На целевой странице могут также быть свои подсказки.

10. Скрыть кнопку «Завершить ознакомление». По умолчанию в окне подсказки есть кнопка «Завершить ознакомление» — она закрывает окно. Если опцию включить, кнопка не будет отображаться. При этом крестик для закрытия подсказки виден всегда.

11. Событие. Опция актуальна только для подсказок, привязанных к какому-либо элементу страницы. Для центрированных подсказок опция не применяется. Могут быть случаи, что подсказка привязана к кликабельному элементу, например к кнопке. По умолчанию в режиме просмотра подсказки такие элементы некликабельны, но если нужно сделать их таковыми, опцию нужно включить.

12. Таймаут (сек). Задержка перед показом подсказки на странице. Например, если указано значение 5, то каждая подсказка будет показываться через 5 секунд после нажатия кнопки «Далее». Значение 0 означает показ без задержки.

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