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

Использование изображений в маркетинговых сообщениях усиливает их эффективность, делая их более привлекательными, информативными и эмоционально заряженными. Рассмотрим, как работать с блоком "Изображение" в email-редакторе eSputnik.

Добавление изображения в письмо

1. Откройте email или создайте новый (раздел “Сообщения” → “Сообщения”).

2. Перетащите блок “Картинка” в шаблон.

Также можно перетащить в шаблон структуру и нажать на иконку изображения в ней.

Слева откроется меню для загрузки изображения.

Выберите один из четырех способов добавления изображения:

1. Загрузить подготовленное изображение с ПК.

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

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

4. Выбрать из банка. Здесь находятся готовые к использованию изображения с Pexels.com и Pixabay.com и иконки с IconFinder.com.

Загрузка с ПК

На вкладке “Подготовленные” кликните иконку загрузки и выберите нужный файл на вашем ПК. Система поддерживает изображения в форматах PNG, JPG, GIF. Чтобы картинки быстро загружались в рассылке, их вес не должен превышать 3 Мб.

Ссылка на внешний ресурс

Введите в соответствующее поле ссылку на открытый источник.

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

Банк картинок

Перейдите на вкладку “Банк”, выберите “Фото” или “Иконки” и введите ключевое слово в поисковик, после чего выберите изображение, которое лучше всего соответствует замыслу вашей кампании.

Редактирование изображения

Чтобы открыть редактор изображений, кликните значок редактирования на левой боковой панели.

К изображению можно применить один из 18 встроенных фильтров или сразу несколько.

Можно обрезать изображения, задавать размеры и пропорции, трансформировать расположение элементов.

В изображение можно добавить рамки, стикеры, текст, фигуры, рисунки.

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

После внесения изменений в изображение нажмите “Применить” → “Сохранить”, чтобы изменения применились к картинке в письме.

Параметры изображения

1. Адрес – путь к изображению в репозитории eSputnik, формируется автоматически.

2. Эффект Rollover — загрузите второе изображение, которое будет отображаться при наведении курсора.

3. Ссылка – адрес сайта, почта, файл, чат Skype, номер телефона, SMS, Viber или другие типы протоколов, запускаемых по клику на изображение.

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

5. Выравнивание. Нажмите значок телефона, чтобы настроить отличное от десктопного выравнивание на мобильном устройстве.

6. Размер.

7. Растяжение изображения на ширину листа.

8. Адаптивность – опция позволяет изображению подстроиться под ширину экрана мобильного устройства (если оно поддерживает эту опцию).

9. Отступы (с возможностью отдельных настроек для мобильного).

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

11. Скрытие элемента на разных типах устройств. По умолчанию изображение отображается всегда. Чтобы скрыть его на десктопе или телефоне, нажмите соответствующий значок устройства.

12. Включать элемент в разные типы писем. Включение/выключение элемента для HTML- и AMP-версий письма.

13. Тип псобытия. Если вы хотите автоматизировать какие-либо письма, например, по щелчку изображения отправлять письмо клиентам, укажите событие, которое будет запускать это действие.