Создание баннера

Для того чтобы создать новый баннер, переходим во вкладку баннеры в консоли и нажимаем кнопку "Добавить баннер" (screen 1).

(screen 1)

Далее рассмотрим как заполняемые поля отображаются в приложении. На (screen 2) мы заполнили поля Тип баннера, Заголовок, Текст и Даты начала и окончания показа.

(screen 2)

• Поле "Тип баннера" немного затемняет баннер и в левом верхнем углу отображает текст, заполненный в этом поле.

• Поле "Заголовок" позволяет жирным шрифтом описать заголовок баннера.

• Поле "Текст" дает возможность рассказать больше о акции, но мелким шрифтом, не стоит заполнять большим количеством строк.

• "Дата начала показа" для создания запланированных баннеров, а так же позволяет регулировать положение баннера на витрине (например мой баннер создан 11 ноября, через неделю появляются дополнительные баннеры, чтобы поднять вверх свой старый баннер я могу изменить дату начала показа на более позднюю).

• "Дата начала показа" позволяет автоматически скрыть баннер с витрины по окончании акции.

На следующем примере мы рассмотрим альтернативный вариант заполнения тех же полей.

На (screen 3) мы заполнили поля Заголовок, проставили галочки на полях Скрыть заголовок и Добавить в историю уведомлений

(screen 3)

В приложении баннер стал ярче (реальный цвет), за счет того что поле "Тип баннера" не заполнено.

1. Мы добавили галочку "Скрыть заголовок" теперь он отображается в нашей консоли и мы можем по нему ориентироваться, но пользователь видит только изображение.

2. Активная галочка "Добавить в историю уведомлений" позволяет добавить в "Историю уведомлений" в профиле линк на этот баннер (на табе Профиль появляется цифра с еще одним не прочитанным уведомлением).

• "Убрать в архив" - позволяет убрать баннер в архив (он исчезнет с витрины ,но останется в консоли, а так же в него можно будет перейти из Истории уведомлений)

• Так же мы убрали дату Окончания показа баннера, для того, чтобы ее убрать нужно нажать на поле и кнопку "В корзину" (screen 4).

(screen 4)

На (screen 5) подробно показано какие строки были заполнены и ниже на видео видно что получается в приложении при таком заполнении.

(screen 5)

(video 1)

• Поле "URL/диплинк" - возможность добавить deeplink на подборку, виды диплинков и как они строятся можно просмотреть тут.

• Поле "Картинка" - позволяет добавить изображение к баннеру на витрине.

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

• Поле "Промокод" - прикрепляет к баннеру промокод, он отображается под баннером и копируется при переходе в баннер (video 1).

(screen 6)

(video 2)

• Поле "Слайдер товаров" - на главную страницу выводится слайдер товаров, не более 6 позиций. Через запятую заполняем коды товара (ID товара из фида) и нажимаем кнопку "Добавить" справа от поля, пример корректного заполнения (screen 6). На (video 2) можно увидеть как данная функция отобразится в приложении.

Как добавить и убрать товары из слайдера

• Поле "Теги" отвечает за то на какой сегмент витрины добавляется баннер. Если есть сегменты, но поле не заполнено баннер отобразится на всех сегментах витрины. На (video 2) можно увидеть как данная функция отобразится в приложении.

Для подключения сегментов на витрине обратитесь к product-менеджеру imshop

(screen 7)

• Поле "Цвет фона" - дает возможность закрасить баннер без изображения, ниже рассмотрим форматы цветов, которые можно использовать

  • rgba

  • colorHEX

  • также имеется формат color*** -для внутреннего использования

• Поле "Персональное предложение" - позволяет отобразить баннер только для авторизованных пользователей, попадающих в данный сегмент (id персонального предложения отданный в программе лояльности). Если поле заполнено не корректно, баннер не отобразится у пользователей

(screen 8)

Поле "Кнопка на баннере" - добавляет кнопку "Смотреть" на баннере и затемняет реальный цвет изображения.

Для подключения функционала "Кнопка на баннере" обратитесь к product-менеджеру imshop