Создавать и редактировать большие баннеры на главной странице можно двумя способами:

• через виджет в публичной части;
• в административном разделе.

Рассмотрим каждый вариант подробнее.

Виджет в публичной части

Включите режим правки, переведите курсор на область баннера. Для создания нового баннера нажмите кнопку «Добавить баннер» (1). Чтобы отредактировать уже существующий баннер, нажмите «Изменить баннер» (2).

Административная панель

В административной панели для создания и редактирования баннеров необходимо перейти в Контент (1) → Реклама (aspro.priority2) (2) → Большие баннеры (3).

Для создания нового баннера нажмите кнопку «Добавить баннер» (1). Чтобы отредактировать уже существующий баннер, нажмите на «Гамбургер» рядом с ним и выберите «Изменить» (2).

Рассмотрим подробнее настройки баннера. На вкладке «Баннер» доступны поля:

1. Активность, чтобы баннер отображался.

2. Название — обязательное для заполнения поле. Его содержимое отображается на сайте как заголовок баннера.
3. Ссылка с баннера — можно прописать URL (абсолютный или относительный) страницы. Это сделает баннер кликабельным — при нажатии на него пользователь перейдет на заданную страницу.
4. Заголовок баннера h1 — назначить заголовку баннера метатег h1 для использования в SEO.
5. Тип баннера — определяет тип баннера. Например, можно отнести конкретный баннер к типу основных или добавочных баннеров.

На вкладке «Картинки» можно загрузить активную картинку (1) и фоновую (2). Если фоновая картинка будет не загружена, то баннер будет располагаться на сером фоне. Картинки загружаются отдельно для высоких, обычных и низких баннеров.

На этой же вкладке в разделе «Низкий баннер» можно загрузить изображение в поле «Картинка для <768px». Эта картинка предназначена для мобильных устройств и не предусматривает вывод заголовка и текста баннера. Подробнее об этом читайте в статье про мобильные баннеры.

На вкладке «Текст» доступны следующие поля:

1. Текст сверху — подпись над заголовком.
2. Текст баннера — можно назначить расположение текста относительно картинки.
3. Цвет шапки и текста — установить светлый или темный цвет текста.
4. Описание — можно написать текст для баннера, который будет отображаться под заголовком.

На вкладке «Кнопки» доступны следующие поля:

1. Кнопка 1 текст — подпись для кнопки на баннере.
2. Кнопка 1 класс — кнопка может быть залитая, полупрозрачная и прозрачная с бордером.
3. Кнопка 1 цвет — назначить цвет для кнопки. Это может быть цвет темы или любой другой цвет на выбор.
4. Кнопка 1 ссылка — установить ссылку перехода на заданную страницу при нажатии на кнопку.
5. Код формы для первой кнопки — используется, если нет ссылки. При нажатии на кнопку открывается определенная форма. Например, «Задать вопрос» или «Зарегистрироваться на сайте».

На вкладке «Видео» доступны следующие поля:

1. Показывать видео, чтобы видеоролик можно было воспроизводить на баннере.
2. Текст кнопки воспроизведения видео — подпись кнопки для запуска видео.
3. Класс кнопки воспроизведения видео — кнопка может быть залитая и прозрачная с бордером.
4. Цвет кнопки воспроизведения видео — назначить цвет для кнопки. Это может быть цвет темы или любой другой цвет на выбор.
5. Настройки видео — есть возможность включить автовоспроизведение, повтор, заполнение по размеру и отключение звука у видео.
6. Источник видео — выбрать способ привязки видео: из файла или по HTML-коду.
7. Ссылка на видео — HTML-код с ссылкой на видеоролик. Можно привязать ролик с YouTube.
8. Файл видео — загрузить файл с видео в систему.

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

Условия, чтобы получить стандартную заглушку:

1. удалить все фоновые картинки у баннера;
2. баннер с видео должен быть первым по сортировке.

На вкладке «Связи» можно назначить регион показа баннера.

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