Работа с блоком "Картинки"

Изображения в письмах формируют восприятия бренда и влияют на решение о покупке. Drag-n-Drop редактор в системе eSputnik позволяет одновременно достигать маркетинговых целей и заботиться о доставке ваших писем в inbox.

Работа с блоком картинок в редакторе eSputnik

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

Или при создании новой структуры в один клик вставляем картинку в контейнер.

При замене существующего изображения или добавлении нового, слева откроется меню для загрузки картинки разными способами:

1. Загрузить Подготовленное изображение, сделанное для конкретной рассылки.

2. Выбрать из Общих изображений. В этот раздел можно добавлять картинки и использовать их в каждом письме. Например, логотип или фото менеджера.

3. В Системных собраны стандартизированные изображения, такие как: пиктограммы социальных сетей, картинки-CTA для скачивания приложений в официальных магазинах App Store и Google Play и т.д.

4. В разделе Банк лежат предзаготовленые изображения на разные темы.

Рассмотрим каждый из вариантов.

Добавляйте свои картинки

Загрузить файлы можно в форматах: PNG, JPG, GIF. Чтобы картинки быстро загружались в письме — используйте изображения не больше 2 Мб.

Загрузка с ПК

1. Перетащите изображение в указанную область.

   

2. Кликните на указанную область и зайдите в нужную директорию на ПК, чтобы добавить картинку.

   

Добавляйте картинки с внешних ресурсов

Добавляйте изображения в email с помощью ссылки на открытый источник:

Загрузка с картинкой с внешнего ресурса, например, с сайта компании, помогает существенно экономить время, так нет необходимости скачивать, сортировать и снова загружать изображения. Минус этого метода в том, что картинка может перестать отображаться из-за ее перемещения или удаления на сайте. Поэтому если такое может произойти, то загрузите ее в галерею:

Воспользуйтесь Банком картинок

Введите поисковый запрос и применяйте бесплатные картинки. Например, вы хотите сделать рассылку с анонсом туристических поездок. Чтобы найти красивый фон для баннера, укажите запрос со словом "отпуск" или “путешествие”:

Данное разделение позволяет не накапливать массивы картинок, которые используются всего раз.

Важно! В папке “Общие” хранятся изображения, которые будут доступны во всех письмах. Например, логотип компании, иконки соцсетей и т.д..

В папке “Подготовленные” — только изображения используемые для конкретного письма.

Важные данные и настройки

1. Ссылка важна, чтобы картинка была кликабельна и подписчики могли перейти по ней на посадочную страницу.

2. Укажите альтернативный текст на случай, если картинка не загрузится на устройстве, чтобы клиент понял, что изображено и захотел перейти на сайт.

3. Настраивайте адаптивность картинок: какое изображение будет подстраиваться под ширину экрана устройств получателей, а какое всегда оставаться с фиксированным размером.

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

5. Скрывайте блоки, в которых нет необходимости для показа в мобильной версии.

6. Запускайте сценарии по клику на картинку. Для этого в специальном поле выберите заранее подготовленное событие.

Редактируйте изображение в процессе создания письма

Вам не придется выгружать/загружать картинки, если для них нужно внести мелкие правки, вроде: подрезать, развернуть, добавить фильтры или сделать ее черно-белой — все это уже встроено в редактор.

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

Чтобы открылся редактор картинок, нажмите на соответствующую иконку в редакторе.

Изменяйте размер

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

Применяйте фильтры

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

Добавляйте рамки, стикеры, текст, фигуры, рисуйте

В считанные минуты, с помощью инструментов: рисования, текст, фигуры, стикеры, рамки — создавайте баннер:

Сравните “До” и “После”

Исходная версия сохраняется автоматически, вы всегда можете вернуться к ней.

Цель редактора eSputnik — сделать работу над письмами удобной и быстрой. Используйте все возможности редактора для создания профессиональных, читабельных и интересных рассылок. Больше о них читайте в разделе “Поддержка”