🖼️Баннеры и сторис
Рассказываем о баннерах и сторис.
Если вы уже используете новый шаблон сайта, вам доступна возможность создавать баннеры, не зависящие от акций – мы называем их креативами.
Если раньше баннеры можно было использовать только для акций, теперь вы можете связывать их с любыми ссылками – товарами, категориями, коллекциями, акциями или любыми другими сторонними сайтами.
Кроме этого, вам теперь доступны новые виды креативов: вертикальные баннеры и сторис.
Типы креативов
Новые креативы делятся на три вида:
Горизонтальные баннеры. Это привычные баннеры на всю ширину сайта. То же самое, что вы использовали для акций, но теперь с возможностью загрузить версию баннера для мобильного сайта;
Вертикальные баннеры. Это баннеры с соотношением сторон 3:4, которые вы можете использовать для анонсов, не требующих большого фокуса от покупателей;
Сторис. Здесь вы можете загрузить до 10 слайдов в каждой сторис, а у каждого слайда может быть своё отдельное действие (например, добавить товар в корзину или применить промокод).
Кроме всего этого, каждый тип креатива поддерживает загрузку как фотографий, так и видео.
Создание креатива
Чтобы создать новый креатив, перейдите в раздел «Маркетинг» -> «Баннеры и сторис» в панели управления магазином и нажмите на кнопку «Создать».
Выберите тип креатива, который хотите создать. Обратите внимание, что вы не сможете изменить его тип после создания – придётся удалять и создавать новый.
В зависимости от выбранного типа вам будет доступно несколько полей для загрузки медиа-файлов.
Горизонтальный баннер
Горизонтальный баннер – это единственный вид креативов, у которого может быть название или описание. Если вы заполните эти поля, они будут показаны поверх загруженного медиа-файла.
Обратите внимание
Расположение текста и описания баннера может меняться в зависимости от шаблона сайта. Добавляйте их, если ваш медиа-файл позволяет наложение текста в любом месте.
После этого вы можете выбрать медиа-файл для загрузки. По умолчанию вы можете выбрать изображение, но нажав на кнопку «Видео MP4», вы переключитесь на режим загрузки видео. Сейчас мы поддерживаем только формат MP4, поэтому вам может потребоваться подготовить видео заранее (например, сконвертировать его из другого формата – например, MOV).
Обратите внимание, что вам доступно поле загрузки медиа-файла для мобильной версии сайта. Как и в верхнем поле, вы можете переключиться на режим загрузки видео и загрузить оптимизированный для мобильных устройств файл.
Обратите внимание
Мы рекомендуем использовать размеры, указанные в поле загрузки изображения или видео. В противном случае ваши баннеры могут отображаться неправильно.
Ограничение по размерам в первую очередь связано с необходимостью быстрой доставки файлов покупателям – если размеры файлов видео-баннеров будут слишком большими, покупатели могут не дождаться их загрузки.
Вертикальный баннер
Для вертикального баннера нужно загрузить только один файл – он используется как в десктопной версии, так и в мобильной версии. По аналогии с горизонтальными баннерами, вы можете использовать как изображения, так и видео.
Сторис
Сторис – это специальный тип креативов, который одновременно выступает как вертикальный баннер, так и как карусель из максимум 10 слайдов фото или видео.
Для начала вам нужно загрузить обложку – она должна иметь те же размеры, что и вертикальные баннеры (как для изображений, так и для видео).
Обложка будет отображаться в одном списке с вертикальными баннерами, но при нажатии на неё будет открываться просмотр слайдов.
Загружать слайды нужно в отдельном поле. Там вы можете добавить до десяти файлов – каждый слайд может быть либо изображением, либо видео. Соотношение сторон должно быть 9:16.
Нажмите на кнопку с иконкой «+», чтобы добавить новый слайд и выберите тип медиа.
Если у вас уже есть готовые файлы, перетащите их в область загрузки, чтобы загрузить несколько слайдов за раз.
После загрузки слайдов вы можете их перемещать, изменять или удалять.
Каждому слайду можно назначить действие. Если это сделать, в нижней части появится кнопка действия, по нажатию на которую покупатель сможет сделать следующее:
открыть ссылку;
добавить товар в корзину;
применить промокод.
Обратите внимание
Если вы выбираете действие «Применить промокод», не забудьте создать акцию с таким промокодом.
Наведите мышь на любой слайд и нажмите на кнопку «Действие», чтобы выбрать нужное действие.
Настройки креатива
Кроме медиа-файлов у креативов есть дополнительные настройки. Так, вы можете выбрать каналы продаж, в которых будет отображаться креатив, а также города (по умолчанию креативы показываются во всех городах).
В поле «Каналы продаж» выберите нужные каналы продаж, где должен отображаться текущий креатив.
Обратите внимание
Сейчас креативы могут отображаться только в новом шаблоне сайта. Поддержка в приложениях появится ближе к концу лета.
В поле «Города» выберите нужные города, где должен отображаться текущий креатив. Если вы хотите, чтобы креатив отображался везде, оставьте это поле пустым или выберите все доступные города.
Действия креатива
Мы показали действия креативов на примере сторис. Для горизонтальных и вертикальных баннеров доступно действие «Открыть ссылку». Это действие вызывается, когда покупатель нажимает на баннер.
Так, вы можете выбрать в качестве цели ссылки следующие элементы магазина:
товар;
категория;
коллекция товаров;
акция;
статья;
произвольная ссылка.
Чтобы назначить действие для баннера, в разделе «Действие» выберите «Открыть ссылку».
В поле «Тип ссылки» выберите нужный тип, а в «ID ресурса» начните вводить название и выберите нужное из выпадающего списка.
Вы также можете указать любую ссылку на другой сайт, выбрав тип «Произвольная ссылка» и вставив её в поле «Ссылка».
Подключение креативов в конструкторе сайта
По умолчанию в новом шаблоне используются старые баннеры из акций. Чтобы переключиться на новые горизонтальные баннеры, откройте конструктор и на главной странице найдите раздел «Главная / Порядок блоков», а в нём включите блок «Горизонтальные баннеры» и выключите блок «Акции».
Блок с горизонтальными баннерами может быть ниже, чем на скриншоте. Чтобы поднять его наверх, схватите карточку блока и перемещайте его мышкой.
Last updated