Создание и редактирование больших баннеров

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

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

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

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

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

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

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

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

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

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

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

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

Ниже доступны поля для настройки текста:

1. Затемнение/засветление — включить затемнение или засветление для текста на баннере.
2. Центрировать текст — выравнивание текста по центру.
3. Цвет шапки и текста — установить светлый или темный цвет текста.

Отдельно доступны поля для настройки кнопок:

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

Для подключения видео на баннере доступны следующие поля:

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

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

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