Работа с блоком "Картинки"
Изображения в письмах формируют восприятия бренда и влияют на решение о покупке. Drag’n’drop-редактор в системе eSputnik позволяет одновременно достигать маркетинговых целей и заботиться о доставке ваших писем в Inbox.
Работа с блоком картинок в редакторе eSputnik
Чтобы добавить картинку в письмо, разверните вкладку “Блоки” в меню “Контент” слева и перетяните блок с картинкой в нужное место.
Или при создании новой структуры наведите курсор на контейнер и кликните по значку изображения.
При замене существующего изображения или добавлении нового слева откроется меню для загрузки картинки разными способами:
-
Загрузить подготовленное изображение, сделанное для конкретной рассылки.
-
Выбрать из общих изображений. В этот раздел можно добавлять картинки и использовать их в каждом письме. Например: логотип или фото менеджера.
-
Во вкладке “Системные” собраны стандартизированные изображения, такие как пиктограммы социальных сетей, картинки-CTA для скачивания приложений в официальных магазинах App Store и Google Play и т. д.
-
В разделе “Банк” лежат предзаготовленые изображения на разные темы.
Рассмотрим каждый из вариантов подробнее.
Добавляйте свои картинки
Загрузить файлы можно в таких форматах: PNG, JPG, GIF. Чтобы картинки быстро загружались в письме, используйте изображения не больше 3 Мб.
Загрузка с ПК
- Перетяните изображение в указанную область.
- Кликните на указанную область и зайдите в нужную директорию на ПК, чтобы добавить картинку.
Загрузка из внешних ресурсов
Добавляйте изображения в email с помощью ссылки на открытый источник:
Загрузка картинок с внешнего ресурса, например с сайта компании, помогает существенно экономить время, так как нет необходимости скачивать, сортировать и снова загружать изображения. Минус этого метода в том, что картинка может перестать отображаться из-за ее перемещения или удаления на сайте. Поэтому если такое может произойти, то загрузите ее в галерею:
Выбор из банка картинок
Введите поисковый запрос и используйте бесплатные картинки. Например, вы хотите сделать рассылку с анонсом туристических поездок. Чтобы найти красивый фон для баннера, укажите запрос со словом "отпуск" или “путешествие”:
Такое разделение позволяет не накапливать массивы картинок, которые используются всего раз.
После того, как изображение загружено, вы можете:
-
Заменить его.
-
Изменить в встроенном редакторе.
-
Посмотреть путь к картинке.
Важно!
Во вкладке “Общие” хранятся изображения, которые будут доступны во всех письмах. Например: логотип компании, иконки соцсетей и т. д. Во вкладке “Подготовленные” – только изображения, используемые для конкретного письма.
Настройки изображения
-
Тумблер для включения/выключения эффекта “Ролловер” (смена изображения на другое при наведении на него курсора).
-
Ссылка важна, чтобы картинка была кликабельна и подписчики могли перейти по ней на посадочную страницу.
-
Укажите альтернативный текст на случай, если картинка не загрузится на устройстве, чтобы клиент понял, что на ней изображено и захотел перейти на сайт.
-
Укажите местоположение картинки в блоке: по центру, слева или справа.
-
Задавайте нужный вам размер изображения. По умолчанию подставляется максимальный.
-
Растягивайте картинку на всю ширину блока. Используйте эту функцию, например, для маленьких изображений.
-
Настраивайте адаптивность картинок: какое изображение будет подстраиваться под ширину экрана устройств получателей, а какое – всегда оставаться с фиксированным размером.
-
Задавайте размеры отступов для изображения.
-
Скрывайте блоки, которые не нужно в мобильной версии.
-
В HTML/AMP-версии письма можно оставить или скрыть изображение.
-
Запускайте сценарии по клику на картинку. Для этого в специальном поле выберите заранее подготовленное событие. Использовать, можно, например, для сценария, в котором подтвердить подписку, заранее создав событие.
Используйте встроенный редактор изображений
Вам не придется выгружать/загружать картинки, если для них нужно внести мелкие правки: подрезать, развернуть, добавить фильтры или сделать ее черно-белой – все это уже встроено в редактор сообщений eSputnik.
Кроме того, в редакторе можно создавать баннеры для писем без использования дополнительных графических программ.
-
Используйте “Открыть”, чтобы задать фоновое изображение/наложить картинку сверху.
-
Сохраняйте измененное изображение.
-
С помощью функции “Масштаб” приближайте или отдаляйте картинку.
-
Отменяйте или повторяйте свои действия.
-
Просматривайте историю изменения изображений.
-
Объекты, которые присутствуют на картинке.
-
Выйти из редактора.
Чтобы открылся редактор картинок, кликните по нужному изображению в сообщении (или сразу после загрузки) нажмите на иконку волшебной палочки.
Изменяйте размер
Можно произвольно обрезать изображение при помощи рамок, а также задать конкретный размер или определенные пропорции на панели сверху.
Применяйте фильтры
18 встроенных фильтров сделают изображения сочными, стильными и современными. Фильтры можно сочетать между собой, дополнительно корректировать доминирование отдельного цвета и яркость.
Трансформируйте изображение
В разделе “Трансформация” поворачивайте изображение, а так же отражайте изображение по горизонтали и/или вертикали.
Добавляйте рамки, стикеры, текст, фигуры, рисуйте
В считанные минуты создавайте баннер с помощью таких инструментов: рисование, текст, фигуры, стикеры, рамки:
Изменяйте углы, фон и объединяйте изображения
Без использования дополнительных программ скругляйте углы, меняйте фон картинки или объединяйте два или больше изображения.
Цель редактора eSputnik – сделать работу над письмами удобной и быстрой. Используйте все возможности редактора для создания профессиональных, читабельных и интересных рассылок. Больше о них читайте в разделе “Поддержка”.