К содержимому
Оформление и содержимое

Медиа-баннеры

Обновлено

Медиа-баннеры — рекламные места темы вне главной: полоса над шапкой, широкие баннеры под шапкой и над подвалом, баннер в категории и в боковой колонке каталога, баннер в личном кабинете, всплывающая карточка и окно при уходе с сайта. Все они настраиваются в разделе «Медиа-баннеры» панели темы. Промо-баннеры на главной — отдельный блок, о нём в статье о блоках главной.

Откуда берётся картинка

Почти все места показывают акцию магазина с баннером. Акция создаётся в «Магазин → Маркетинг → Промоакции», и у неё должен быть баннер типа «Ссылка». Из акции тема берёт картинку, ссылку, заголовок, а во всплывающих окнах ещё и текст. В панели акция выбирается из списка по названию. В списке только акции, которые сейчас действуют на этой витрине и у которых есть такой баннер.

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

Без акции работают три места:

  • Баннер над шапкой — текстовая полоса, картинка ей не нужна;
  • Баннер в личном кабинете — можно загрузить свою картинку прямо в настройку;
  • баннеры в категории и в боковой колонке — у отдельной категории может быть своя картинка из плагина «Изображения категорий», акция в таком случае служит запасным вариантом.

Места на страницах

Раздел в панели Где показывается Источник Телефон
Баннер над шапкой Над шапкой на всех страницах Свой текст и кнопка Показывается, текст выравнивается влево, кнопка уходит под него
Баннер под шапкой Под шапкой на всех страницах, кроме страниц без шапки (вход, регистрация) Акция Кадр выше, края картинки обрезаются
Баннер в категории Над товарами в категории магазина Картинка категории или акция Отдельная картинка для телефона, если она загружена у категории
Баннер в боковой колонке В боковой колонке каталога Картинка категории или акция Колонка встаёт под список товаров
Баннер в личном кабинете Над содержимым всех страниц кабинета Своя картинка или акция Во всю ширину страницы
Баннер над подвалом Над подвалом на всех страницах Акция Кадр выше, края картинки обрезаются
Всплывающий баннер Карточка в нижнем углу экрана, через несколько секунд после захода Акция Шторка снизу экрана
Окно при уходе с сайта Окно по центру, когда указатель уходит за верхний край окна браузера Акция Не показывается

Полоса над шапкой

В «Медиа-баннеры → Баннер над шапкой» включите «Показывать баннер» и заполните «Заголовок», «Текст», «Текст кнопки» и «Адрес кнопки». В аккордеоне «Цвета» задаются цвет фона и текста полосы, отдельно для тёмной версии. Полоса появляется, если заполнен хотя бы заголовок или текст, либо есть кнопка. Без текста кнопки кнопки нет. Адрес без «/» в начале считается от адреса магазина.

При включённой «Кнопке закрытия» справа появляется крестик. Закрытую полосу посетитель не увидит, пока не пройдёт срок из поля «Показать снова через, часов». При значении 0 полоса скрыта до закрытия браузера. Если поменять заголовок, текст, кнопку или её адрес, полоса снова появится у всех, кто её закрыл. При прокрутке страницы полоса уходит вверх, а закреплённые части шапки остаются наверху. Остальной вид шапки описан в статье «Шапка и подвал».

Широкие баннеры под шапкой и над подвалом

В «Баннере под шапкой» и «Баннере над подвалом» выберите «Акцию с баннером». Пустое поле означает, что баннера нет. Готовьте картинку размером 1504×204 пикселя. Баннер ведёт по ссылке акции, заголовок акции служит описанием картинки. На телефоне кадр становится выше и обрезается по краям, поэтому текст и важные детали держите ближе к центру.

Баннер в категории

«Медиа-баннеры → Баннер в категории» выводит баннер над товарами настоящей категории магазина. На поиске и на странице тега его нет. Источник выбирается по порядку:

  1. Своя картинка категории из плагина «Изображения категорий»: группа изображений «category_banner» (1504×204) для компьютера и «category_banner_mobile» (735×240) для телефона. Ссылка и подпись задаются дополнительными параметрами категории, их имена перечислены в статье «Глобальные и дополнительные параметры». Без картинки для телефона там показывается обрезанная картинка для компьютера.
  2. Без неё — акция из поля «Баннер акции по умолчанию» (1504×204). Пустое поле убирает баннер по умолчанию, но у категорий со своей картинкой плагина баннер останется.

Баннер в боковой колонке

«Медиа-баннеры → Баннер в боковой колонке» работает так же: сначала своя картинка открытой категории из плагина «Изображения категорий», затем акция из «Баннера акции по умолчанию». Группа картинок плагина выбирается в «Каталог товаров → Сайдбар» («Группа картинок баннера», по умолчанию «sidebar_banner»). Ссылку, подпись и данные для отметки «Реклама» у своей картинки задают дополнительные параметры категории. На поиске своей картинки категории нет, поэтому показывается баннер акции.

«Пропорции картинки» задают форму кадра: квадрат, портрет 3:4, 4:3 или широкий 2:1. Картинка заполняет кадр и обрезается по краям. Баннер появляется, только если строка баннера включена в составе колонки в «Каталог товаров → Сайдбар». Подробнее о колонке — в статье о каталоге. На экранах уже 1024 пикселей боковая колонка, а с ней и баннер, встаёт под список товаров.

Баннер в личном кабинете

В «Медиа-баннеры → Баннер в личном кабинете» есть два источника. Своя картинка показывается, когда включено «Показывать свою картинку» и загружена «Картинка баннера» шириной от 1600 пикселей. Без «Ссылки баннера» картинка не ведёт никуда. Если переключатель выключен или картинки нет, показывается акция из «Баннера акции по умолчанию» (1204×172). Чтобы убрать баннер совсем, выключите свою картинку и очистите поле акции.

Баннер один на все страницы кабинета: главную, заказы, профиль и остальные разделы. «Пропорции картинки» со значением «Без обрезки» показывают картинку целиком. Остальные значения обрезают её по выбранной форме. О самом кабинете — в отдельной статье.

Всплывающий баннер

«Медиа-баннеры → Всплывающий баннер» показывает карточку акции с картинкой, заголовком, текстом акции и кнопкой «Подробнее».

Настройка Что делает
«Место на экране» Левый или правый нижний угол. На телефоне карточка всегда выезжает шторкой снизу
«Показать через, секунд» Сколько секунд посетитель провёл на странице до появления баннера. По умолчанию 5
«Скрыть через, секунд» Баннер прячется сам. 0 — виден, пока посетитель его не закроет
«Показать снова через, часов» Сколько часов после показа баннер не появится снова. 0 — до закрытия браузера
«Пропорции картинки» Квадрат, портрет 3:4, 4:3 или широкий 2:1. Картинка обрезается по кадру

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

Окно при уходе с сайта

«Медиа-баннеры → Окно при уходе с сайта» открывает окно с акцией по центру экрана, когда посетитель уводит указатель за верхний край окна браузера, к вкладкам или адресной строке. В окне картинка, заголовок и текст акции, кнопка «Подробнее». Окно работает только на устройствах с мышью и не раньше чем через 3 секунды после открытия страницы. На телефонах и планшетах его нет.

После показа окно не появится снова в течение срока «Показать снова через, часов». Значение 0 — до закрытия браузера, как у остальных баннеров. Закрывается окно крестиком или клавишей Escape. После смены акции, картинки или названия прежний срок повторного показа перестаёт действовать. На следующем открытии страницы окно снова сможет появиться при уходе указателя за верхний край, через положенные 3 секунды. Изменение только текста акции срок не сбрасывает.

Отметка «Реклама»

Для маркировки рекламы на баннере акции тема печатает кнопку «Реклама» с подсказкой: название рекламодателя и ERID. Подсказка открывается наведением, фокусом или нажатием на телефоне. Нужны два условия:

  1. Установлен и включён плагин «Промобаннеры: дополнительные поля». Он добавляет к баннеру акции в «Магазин → Маркетинг → Промоакции» поля «Название рекламодателя» и «Идентификатор ERID».
  2. Заполнены оба поля. Если хотя бы одного нет, отметка не печатается.

Угол отметки, справа сверху или снизу, выбирается в «Месте отметки „Реклама“» у каждого баннера. Тот же плагин добавляет под широкими баннерами, баннером категории и баннером кабинета дополнительные ссылки-кнопки.

У своих картинок отметку задают отдельно. Для картинки кабинета — поля «Рекламодатель своей картинки» и «ERID своей картинки» в «Баннере в личном кабинете». Для своих картинок категории — дополнительные параметры категории: для баннера над товарами category_banner_advertiser_name и category_banner_erid, для баннера в боковой колонке category_sidebar_banner_advertiser_name и category_sidebar_banner_erid (как задавать параметры — в статье о параметрах). Окно при уходе с сайта получает отметку из полей акции, как всплывающий баннер; отметка стоит в правом нижнем углу картинки. О плагинах подробнее — в статье об интеграциях.

Баннер не про акцию

Медиа-баннеры рассчитаны на акции магазина. Для другого предложения есть такие пути:

  • короткое объявление со ссылкой — Баннер над шапкой, магазин для него не нужен;
  • картинка в кабинете, например ссылка на партнёрскую программу, — своя картинка в Баннере в личном кабинете;
  • раздел с картинкой и кнопкой на главной или на странице — блоки темы, их можно вставить и в текст страницы «Сайта»: статья о своих блоках;
  • всплывающая панель с подпиской, промокодом без акции или на сайте без магазина — это доработка в собственных файлах темы. Готовый пример кода есть в инструкции для агента, а подход описан в статье «Свой код». Поручить такую доработку можно ИИ-агенту.

Если баннер не виден

Проверьте по порядку:

  1. Акция выбрана. Поле с пустым значением означает, что места нет.
  2. У акции есть баннер типа «Ссылка» с картинкой. Акция без картинки места не заполняет.
  3. Акция действует на витрине. Даты начала и окончания охватывают сегодняшний день, акция не на паузе и включена для этой витрины. Акция, которая начнётся позже, не появится и в списке выбора в панели.
  4. Для категории и колонки. Баннер в категории не выводится на поиске и странице тега. Строка баннера включена в составе боковой колонки.
  5. Посетитель уже видел или закрыл баннер. Полоса над шапкой, всплывающий баннер и окно при уходе запоминают это в браузере на заданное число часов. Откройте сайт в окне инкогнито: там баннер покажется как новому посетителю. Окно при уходе проверяйте на компьютере, мышью, не раньше чем через 3 секунды после открытия страницы.
  6. Отметки «Реклама» нет. Проверьте, что плагин включён и у баннера акции заполнены оба поля: рекламодатель и ERID.