Изображения — основа всех писем. Каким бы привлекательным не был текст, в сообщении обязательно должны быть картинки, которые вызывают эмоции, показывая товары в наилучшем виде.
Добавление изображения в шаблон письма
Для добавления изображения создайте новую структуру с нужным количеством колонок в шаблоне.
Примечание
Для создания баннера используйте блок «Баннер». Для других целей используйте блок «Картинка».
Добавить изображение можно двумя способами:
- перетащить изображение, которое собираетесь использовать, либо загрузить с компьютера, кликнув по значку со стрелкой и выбрав изображение на компьютере;
- добавить ссылку на внешний ресурс при помощи поля «Ссылка на внешний ресурс», где нужно вставить прямую ссылку на изображение.
Помимо добавления изображения, есть возможность его редактировать.
После загрузки изображения нажмите кнопку «Редактировать» на панели настроек справа от фрагмента изображения.
Изображение откроется в редакторе Pixie в новом выпадающем окне. В редакторе доступно применение фильтров, изменение размеров и обрезка изображения, рисование и размещение текста, добавление стикеров и рамок.
После завершения редактирования нажмите «Сохранить» в редакторе Pixie – и только тогда изменения, которые внесены в изображение, будут применены к нему.
После нажатия на «Сохранить» изображение сохранится в хранилище для дальнейшего использования.
Добавление баннера в шаблон письма
Конструктор писем предлагает генератор баннеров, который позволяет пользователям создавать сложные баннеры непосредственно в редакторе без каких-либо сторонних инструментов.
Рассмотрим, как добавить баннер в шаблон:
- добавьте структуру в шаблон письма;
- добавьте блок «Баннер» в добавленную структуру;
- загрузите изображение, которое собираетесь использовать;
- на панели настроек система предложит обрезать изображение при необходимости;
- установите форм-фактор (ориентацию) изображения. Изображение может быть вертикальным, квадратным или горизонтальным.
При необходимости примените фильтр к добавленному баннеру.
Не забудьте вставить ссылку, которая приведет получателей на нужную страницу.
Если необходимо добавить текст поверх изображения, нажмите на кнопку «Т» на панели настроек. Когда она станет светлой, кликните левой кнопкой мыши по изображению. В тот же момент увидите надпись «Текст» на баннере, вместо которого укажите необходимое сообщение с размером, цветом и типом шрифта.
Примечание
Вы можете активировать функцию «дополнительная картинка» на панели настроек. Это может быть, что угодно: стикер, рамка, логотип, фон, чтобы сделать ваш текст более заметным.
Когда баннер добавлен, можете выполнять все этапы редактирования в любом порядке.
Эффект ролловера изображений
Эффект ролловера в конструкторе писем - смена одного изображения на другое при наведении на него курсора мыши.
Данная функция сэкономит драгоценное место в письмах, поскольку вы можете скрыть детали продукта, например, под фото.
Важно!
Эффект ролловера работает на десктопных устройствах. Остальные пользователи увидят только основное изображение.
Указанный эффект можно применить к любому изображению, которое добавляете в шаблон, кроме баннера.
Рассмотрим, как создать описанный выше эффект:
- загрузите изображение;
- на панели настроек включите кнопку «Эффект ролловера»;
- загрузите второе изображение, при необходимости отредактируйте его;
- вставьте URL-ссылку – она будет привязана к обоим изображениям;
- введите Alt-текст.