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

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

Картинка в письме


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

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

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

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

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

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

4 способа загрузки изображений

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

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

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

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

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


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

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


Загрузка с ПК

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

    Загрузка подготовленных картинок

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

    Добавление картинки с ПК



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

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

Загрузка картинок с внешнего ресурса

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

Загрузка изображения в галерею


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

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

Изображение из Банка картинок

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

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

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


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

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

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

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

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

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

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

 

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

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

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

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

Редактирование картинки внутри письма


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

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

Изменение размера картинки


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

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

Применение фильтра


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

Инструменты для создания банера

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

Пример банера

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

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

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