На это нужно: от 5 минут 🕑
Сложность:⭐⭐⬜⬜⬜
Баннеры помогут вам обратить внимание покупателей на акционные предложения, преимущества, популярные товары и другие особенности вашего интернет-магазина.
Внимание: мы создали новый интерфейс управления баннерами и постепенно обновляем магазины наших клиентов. Ознакомиться с этим интерфейсом вы можете в статье Что изменилось в работе с баннерами.
Дальнейшие инструкции относятся к старому интерфейсу.
Разберемся подробнее, как работать с баннерами.
Как создать баннер
Новый интерфейс
Шаг 1.
В разделе Сайт → Баннеры нажмите Новый баннер.
Шаг 2.
В открывшемся окне выберите местоположение нового баннера:
Главная страница — доступны ранее созданные баннерные линии;
Баннер над шапкой — баннер, отображаемый на всех страницах сайта;
Внутренние страницы — баннер для страниц каталога, расположенный вверху или внизу страницы.
Шаг 3.
Укажите понятное Название для баннера. Оно необходимо для идентификации баннера в админ-панели; покупатели название баннера не увидят.
Шаг 4.
Включите переключатель Отображать, чтобы показывать баннер на сайте.
Шаг 5.
Добавьте изображение для баннера в соответствии с рекомендуемым размером. Размер зависит от установленного типа баннера.
Обратите внимание: для каждой языковой версии, включённой на сайте, необходимо загрузить отдельный баннер.
Шаг 6.
При желании выберите цвет рамки.
Шаг 7.
Если баннер должен быть кликабельным, укажите ссылку или страницу, на которую пользователь перейдет после клика.
Шаг 8
При необходимости включите переключатель Открывать в новой вкладке.
Шаг 9
Для баннеров над шапкой
Выберите высоту баннера (S, M или L), версию сайта, на которой должен отображаться баннер (десктопная, мобильная или обе), настройте кнопку закрытия баннера на сайте. Вместо изображения или вместе с ним можно задать текст на баннере, его цвет и цвет фона.
Для баннеров на главной странице и страницах каталога
При необходимости укажите альтернативный текст и название изображения.
Шаг 10.
Нажмите Сохранить.
Подсказка: для баннеров главной страницы десктопной версии сайта аналогичные действия можно выполнить в разделе Сайт → Дизайн → Редактор дизайна → Главная страница.
Старый интерфейс
Шаг 1
В разделе админ панели Сайт → Баннеры нажмите + Добавить.
Шаг 2
В пункте Страница выберите страницу, для которой создаете баннер.
Шаг 3
Выберите линию баннера в поле Расположение.
Шаг 4.
В поле Шаблон выберите Картинка.
Шаг 5.
Укажите понятное Название для баннера. Она нужна для идентификации баннера в админ панели, покупатели название баннера не будут видеть.
Шаг 6.
Отметьте чекбокс Включить, чтобы показывать баннер на сайте.
Шаг 7.
Добавляем изображение для баннера согласно рекомендованному размеру. Размер зависит от типа установленного баннера.
Обратите внимание: для каждой языковой версии, включенной на сайте, баннер нужно загрузить отдельно.
Шаг 8.
Выберите цвет рамки по желанию.
Шаг 9.
Если баннер должен быть кликабельным, укажите ссылку, на которую пользователь будет попадать после клика.
Шаг 10.
Сохраните изменения и проверьте, как баннер выглядит на сайте 😉.
Как создать слайдер
Слайдшоу можно настроить для баннеров типа block, wideblock, cover, blockplus (только большой баннер). Баннеры при этом изменяются автоматически каждые пять секунд.
Для слайдера нужно создать несколько отдельных баннеров в одной линии.
То есть пройти полный цикл действий, описанный выше в разделе Как создать баннер, а затем повторить его нужное количество раз.
Новый интерфейс
Шаг 1
В строке, где находится первый баннер слайдера, нажмите + Новый баннер.
Шаг 2
Загрузите следующий баннер и настройте его так же, как и предыдущий.
Шаг 3.
Нажмите Сохранить.
Старый интерфейс
Шаг 1
Нажмите + Добавить.
Шаг 2
Загрузите следующий баннер и настройте его так же, как и предыдущий, выбрав в пункте Расположение ту же самую баннерную линию.
Шаг 3.
Нажмите Сохранить.
Видеоинструкция