Баннеры

О механике

Зачем нужны баннеры

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

Пример баннера в публичной части

На каких устройствах доступны баннеры

Механика Баннеры одинаково работает в веб-версии платформы и мобильном приложении. Баннерами можно пользоваться на любом устройстве: компьютере, ноутбуке, планшете или мобильном телефоне.

Для администратора

Как добавить и настроить баннер

Чтобы добавить баннер, необходимо перейти в Панель управленияИнструментыБаннеры и нажать кнопку Добавить. Откроется страница, на которой можно задать основные настройки:

Настройки показа баннера

  • Активность баннера — установите или снимите image-20240424-123242.png, чтобы включить или выключить отображение баннера в публичной части. По умолчанию галочка установлена. Учитывайте, что в публичной части отображаются максимум 10 активных баннеров в порядке очереди. Если ни один баннер не активирован, на главной странице пропадает этот блок

  • Начало и окончание видимости — в этом поле можно указать период, в течение которого активный баннер отображается в публичной части

    • Если обе даты не заданы, активный баннер отображается всегда. Ещё может быть заполнена только одна из дат. Например, если указана только дата окончания, то баннер будет показываться с сегодня и по указанную дату. А если заполнена только дата начала, то баннер начнёт показываться с этой даты из поля и не будет ограничен по времени

  • Порядок — здесь укажите, каким по очереди будет отображаться баннер в публичной части. Если у баннеров одинаковое значение в этом поле, то они отображаются в случайном порядке в рамках своей очереди. Каждый баннер отображается 5 секунд

Настройки заголовка и текста баннера

  • Заголовок — максимум 80 символов

  • Текст — максимум 80 символов. Этот текст выводится под заголовком баннера

  • Цвет заголовка и текста — добавьте код цвета или выберите цвет из палитры. По умолчанию используется белый цвет

Настройки кнопки баннера

  • Цвет кнопки на баннере — добавьте код цвета или выберите цвет из палитры

  • Цвет текста на кнопке баннера — добавьте код цвета или выберите цвет из палитры. По умолчанию используется белый цвет

  • Название кнопки — если не заполнено, в публичной части отображается название Перейти

  • Ссылка кнопки — задайте ссылку на внешний ресурс или на страницу платформы

  • Открыть ссылку — выберите тип вкладки, в которой будет открываться заданная ссылка

В мобильном приложении нет кнопки, вместо этого весь баннер является кликабельным и позволяет перейти по указанной ссылке. Если ссылка ведёт на страницу, которой нет в мобильном приложении, то она откроется в браузере

Настройки изображения баннера

  • Затемнение — включите, если нужно сделать изображение темнее в публичной части

  • Изображение* — обязательное поле, в которое нужно загрузить изображение размером 1176 x 424 px для показа на баннере. Допустимые форматы: jpeg, jpg, png, svg, gif

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

После сохранения администратор в любой момент может вернуться на эту страницу, чтобы изменить настройки

Как ограничить доступ к баннеру

Подробно о настройке доступа — https://motivityy.atlassian.net/wiki/x/h4RX?atlOrigin=eyJpIjoiNTY1OTgyOWMzOGUxNDdiZTkxYzAyYzVlMjU1YmYyY2YiLCJwIjoiYyJ9

Как работать со списком баннеров

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

  • Активность — отображается как цвет ID:

    • image-20240424-074059.png Зелёный — активен

    • image-20240424-074307.png Серый — неактивен

    • image-20240424-074146.png Красный — удалён

  • Период — данные из поля Начало и окончание видимости

  • Название

  • Порядок

  • Изображение — в виде короткого превью

Если баннеров много, можно фильтровать их по активности и искать нужные по названию. Ещё есть возможность массово удалять и копировать баннеры в списке.

Остальные настройки доступны на странице создания/редактирования баннера — Баннеры | Как добавить и настроить баннер

Related content