> For the complete documentation index, see [llms.txt](https://help.zenky.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.zenky.io/marketing/creatives.md).

# Баннеры и сторис

Если вы уже используете [новый шаблон сайта](/website/migration.md), вам доступна возможность создавать баннеры, не [зависящие от акций](/loyalty/promo.md) – мы называем их креативами.

Если раньше баннеры можно было использовать только для акций, теперь вы можете связывать их с любыми ссылками – товарами, категориями, коллекциями, акциями или любыми другими сторонними сайтами.

Кроме этого, вам теперь доступны новые виды креативов: вертикальные баннеры и сторис.

{% embed url="<https://drive.google.com/file/d/1z6ICVmMs10RLxtG9_QwgWoxY19ZRUJCp/view?usp=sharing>" %}

## Типы креативов

Новые креативы делятся на три вида:

1. **Горизонтальные баннеры**. Это привычные баннеры на всю ширину сайта. То же самое, что вы использовали для акций, но теперь с возможностью загрузить версию баннера для мобильного сайта;
2. **Вертикальные баннеры**. Это баннеры с соотношением сторон 3:4, которые вы можете использовать для анонсов, не требующих большого фокуса от покупателей;
3. **Сторис**. Здесь вы можете загрузить до 10 слайдов в каждой сторис, а у каждого слайда может быть своё отдельное действие (например, добавить товар в корзину или применить промокод).

Кроме всего этого, каждый тип креатива поддерживает загрузку как фотографий, так и **видео**.

## Создание креатива

Чтобы создать новый креатив, перейдите в раздел [**«Маркетинг» -> «Баннеры и сторис»**](https://my.zenky.io/dashboard/creatives) в панели управления магазином и нажмите на кнопку **«Создать»**.

<figure><img src="/files/KjnDxRHOySI8NLWuoETq" alt=""><figcaption><p>Выбор типа креатива.</p></figcaption></figure>

Выберите тип креатива, который хотите создать. Обратите внимание, что вы не сможете изменить его тип после создания – придётся удалять и создавать новый.

В зависимости от выбранного типа вам будет доступно несколько полей для загрузки медиа-файлов.

### Горизонтальный баннер

Горизонтальный баннер – это единственный вид креативов, у которого может быть название или описание. Если вы заполните эти поля, они будут показаны поверх загруженного медиа-файла.

<figure><img src="/files/nBHD27g4GZaC0120OJ9M" alt=""><figcaption><p>Ввод текста горизонтального баннера.</p></figcaption></figure>

{% hint style="info" %}
**Обратите внимание**

Расположение текста и описания баннера может меняться в зависимости от шаблона сайта. Добавляйте их, если ваш медиа-файл позволяет наложение текста в любом месте.
{% endhint %}

После этого вы можете выбрать медиа-файл для загрузки. По умолчанию вы можете выбрать изображение, но нажав на кнопку **«Видео MP4»**, вы переключитесь на режим загрузки видео. Сейчас мы поддерживаем только формат **MP4**, поэтому вам может потребоваться подготовить видео заранее (например, сконвертировать его из другого формата – например, **MOV**).

<figure><img src="/files/pRTxm4CFbrmtGgsVWzBg" alt=""><figcaption><p>Загрузка медиа-файла для горизонтального баннера.</p></figcaption></figure>

Обратите внимание, что вам доступно поле загрузки медиа-файла для мобильной версии сайта. Как и в верхнем поле, вы можете переключиться на режим загрузки видео и загрузить оптимизированный для мобильных устройств файл.

{% hint style="info" %}
**Обратите внимание**

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

Ограничение по размерам в первую очередь связано с необходимостью быстрой доставки файлов покупателям – если размеры файлов видео-баннеров будут слишком большими, покупатели могут не дождаться их загрузки.
{% endhint %}

### Вертикальный баннер

Для вертикального баннера нужно загрузить только один файл – он используется как в десктопной версии, так и в мобильной версии. По аналогии с горизонтальными баннерами, вы можете использовать как изображения, так и видео.

<figure><img src="/files/Np0wq6IuoVuQSdn3mcWG" alt=""><figcaption><p>Загрузка медиа-файла для вертикального баннера.</p></figcaption></figure>

### Сторис

Сторис – это специальный тип креативов, который одновременно выступает как вертикальный баннер, так и как карусель из максимум 10 слайдов фото или видео.

Для начала вам нужно загрузить обложку – она должна иметь те же размеры, что и вертикальные баннеры (как для изображений, так и для видео).

<figure><img src="/files/ZcOAah3V5p3WPegSmUWT" alt=""><figcaption><p>Загрузка медиа-файла для обложки сторис.</p></figcaption></figure>

Обложка будет отображаться в одном списке с вертикальными баннерами, но при нажатии на неё будет открываться просмотр слайдов.

Загружать слайды нужно в отдельном поле. Там вы можете добавить до десяти файлов – каждый слайд может быть либо изображением, либо видео. Соотношение сторон должно быть 9:16.

<figure><img src="/files/aYWmYCxZvfKVHNJbuzqa" alt=""><figcaption><p>Интерфейс добавления слайдов в сторис.</p></figcaption></figure>

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

<figure><img src="/files/eZQ5f472RKXkFR5WwepX" alt=""><figcaption><p>Выбор типа медиа-файла слайда сторис.</p></figcaption></figure>

Если у вас уже есть готовые файлы, перетащите их в область загрузки, чтобы загрузить несколько слайдов за раз.

{% embed url="<https://drive.google.com/file/d/1tBmgYrk8Z5ikAOTmHy-qeTaeO91h2xwo/view?t=1&usp=sharing>" %}
Добавление нескольких слайдов за раз.
{% endembed %}

После загрузки слайдов вы можете их перемещать, изменять или удалять.

{% embed url="<https://drive.google.com/file/d/1FTi1nAfYJKozyyBk4GxHJDcfjAUBmjv8/view?usp=sharing>" %}
Перемещение и удаление слайдов.
{% endembed %}

Каждому слайду можно назначить действие. Если это сделать, в нижней части появится кнопка действия, по нажатию на которую покупатель сможет сделать следующее:

* открыть ссылку;
* добавить товар в корзину;
* применить промокод.

{% hint style="info" %}
**Обратите внимание**

Если вы выбираете действие **«Применить промокод»**, не забудьте создать [акцию](/loyalty/rules.md) с таким промокодом.
{% endhint %}

Наведите мышь на любой слайд и нажмите на кнопку **«Действие»**, чтобы выбрать нужное действие.

{% embed url="<https://drive.google.com/file/d/1uCckII5aM_wKZOo23DQu2S1tL8Ef66qX/view?usp=sharing>" %}
Настройка действия «Открыть товар».
{% endembed %}

## Настройки креатива

Кроме медиа-файлов у креативов есть дополнительные настройки. Так, вы можете выбрать каналы продаж, в которых будет отображаться креатив, а также города (по умолчанию креативы показываются во всех городах).

В поле **«Каналы продаж»** выберите нужные каналы продаж, где должен отображаться текущий креатив.

{% hint style="info" %}
Обратите внимание

Сейчас креативы могут отображаться только в новом шаблоне сайта. Поддержка в приложениях появится ближе к концу лета.
{% endhint %}

<figure><img src="/files/z5KONsJLEjH3SWZafKnj" alt=""><figcaption><p>Выбор канала продаж.</p></figcaption></figure>

В поле **«Города»** выберите нужные города, где должен отображаться текущий креатив. Если вы хотите, чтобы креатив отображался везде, оставьте это поле пустым или выберите все доступные города.

<figure><img src="/files/2bLrHWtMMTuuUIoiDil5" alt=""><figcaption><p>Выбор города.</p></figcaption></figure>

## Действия креатива

Мы показали действия креативов на примере сторис. Для горизонтальных и вертикальных баннеров доступно действие **«Открыть ссылку»**. Это действие вызывается, когда покупатель нажимает на баннер.

Так, вы можете выбрать в качестве цели ссылки следующие элементы магазина:

* товар;
* категория;
* коллекция товаров;
* акция;
* статья;
* произвольная ссылка.

Чтобы назначить действие для баннера, в разделе **«Действие»** выберите **«Открыть ссылку»**.

<figure><img src="/files/SpFhMQXrB9DMLYPcPt9L" alt=""><figcaption><p>Настройка действия «Открыть ссылку».</p></figcaption></figure>

В поле **«Тип ссылки»** выберите нужный тип, а в **«ID ресурса»** начните вводить название и выберите нужное из выпадающего списка.

<figure><img src="/files/GgRdFhY22KK9GQ3H6I3i" alt=""><figcaption><p>Выбор цели ссылки.</p></figcaption></figure>

Вы также можете указать любую ссылку на другой сайт, выбрав тип **«Произвольная ссылка»** и вставив её в поле **«Ссылка»**.

<figure><img src="/files/Gao33p9lPws01J29AW12" alt=""><figcaption><p>Выбор произвольной ссылки.</p></figcaption></figure>

## Подключение креативов в конструкторе сайта

По умолчанию в новом шаблоне используются старые баннеры из акций. Чтобы переключиться на новые горизонтальные баннеры, откройте конструктор и на главной странице найдите раздел **«Главная / Порядок блоков»**, а в нём включите блок **«Горизонтальные баннеры»** и выключите блок **«Акции»**.

<figure><img src="/files/NTJzaN0MEHUHeoX6Wtvv" alt=""><figcaption><p>Подключение новых горизонтальных баннеров.</p></figcaption></figure>

Блок с горизонтальными баннерами может быть ниже, чем на скриншоте. Чтобы поднять его наверх, схватите карточку блока и перемещайте его мышкой.