В новом конструкторе писем от Unisender добавить картинки в письмо можно с помощью элементов «Картинка» и «AI картинка».
Найти эти элементы можно на вкладке «Контент» — «Элементы».
Обратите внимание! Можно загружать изображения в форматах PNG, JPG и GIF. Размер изображения не должен превышать 500 КБ, а разрешение — 4000 х 4000 пикселей.
Если изображение не укладывается в эти ограничения, загрузите его на собственный или внешний хостинг и добавьте прямую ссылку вместо файла в настройках элемента:
Наведите курсор на строку с информацией о текущем изображении, чтобы появилось поле для ввода ссылки
Чтобы добавить картинку в письмо, перетащите на рабочую область элемент «Картинка» или «AI картинка».
С помощью элемента «Картинка» вы можете:
- Загрузить картинку с устройства/из буфера обмена или ввести URL-адрес.
- Добавить изображение с фотостока.
- Сгенерировать картинку с помощью нейросети.
- Загрузить изображение из файлового менеджера.
По своим свойствам элементы «Картинка» или «AI картинка» идентичны друг другу, единственное отличие — после добавления элемента «AI картинка» сразу откроется окно для генерации изображения, в котором нужно указать запрос для нейросети (промпт).
При работе с нейросетью важно учитывать, что результат генерации будет зависеть от качества вашего промпта. Чем более точно и подробно вы опишите свои предпочтения, тем больше результат будет соответствовать ожиданиям.
При написании промта можно указать:
- Желаемый стиль изображения, например фотореализм.
- Формат изображения, например квадратный, вертикальный или горизонтальный.
- Степень детализации. Для более сложного и детального изображения используйте высокую степень детализации, а для упрощенных вариантов — низкую.
Как составлять промпты для AI-ассистента
Важно. Создание изображения может занять несколько минут. Вы можете продолжить работу с редактором и вернуться к элементу позже.
Добавьте изображение любым удобным способом, а затем перейдите к настройке внешнего вида элемента.
Как работать с файловым менеджером
Файловый менеджер — это хранилище для ваших изображений прямо в редакторе писем. Здесь можно загружать, сортировать и использовать картинки для рассылок.
Обратите внимание:
Если вы ранее загружали изображения в старом редакторе, они будут также доступны в файловом менеджере в новом редакторе.
Чтобы добавить картинку из файлового менеджера, перетащите элемент «Картинка» на рабочую область. Далее нажмите на значок со стрелочками.
Откроется файловый менеджер редактора. В нем вы можете:
Загрузить новое изображение со своего устройства. Нажмите кнопку «Загрузить файл» и выберите нужное изображение.
Требования к изображениям:
- Размер не более 500 КБ, а разрешение не выше 1600х2000.
- Поддерживаемые форматы: JPG, JPEG, PNG, GIF.
- Имя файла указано на латинице и при этом уникально.
Обратите внимание, если вы добавите картинку с названием 1.jpg, удалите ее и добавите новую с таким же названием, в письмо может подтянуться та картинка, которую вы добавили последней.
Выбрать изображение из уже загруженных. Выберите нужное изображение и кликните на него.
Загрузить изображение по URL-адресу. Для этого нажмите на иконку скрепки в левом верхнем углу, затем вставьте ссылку на изображение и нажмите кнопку «Загрузить».
Скопировать одно или несколько изображений в другую папку. Выделите нужные изображения, затем нажмите на три точки. Далее нажмите на кнопку «Дублировать», выберите папку назначения и подтвердите копирование кнопкой «Копировать сюда».
Отредактировать картинку, например, обрезать, добавить текст или фильтр. Для этого выделите картинку, которую хотите изменить и нажмите на кнопку «Изменить».
Сгенерировать QR-код. В файловом менеджере доступна генерация QR-кода или штрихкода для ваших писем. Для этого выберите нужный тип кода, задайте параметры и нажмите на кнопку «Добавить в Мои файлы».
Как настроить внешний вид
Чтобы перейти к настройкам картинки, кликните на нее. В правом углу редактора откроется панель настроек изображения.
Доступны следующие параметры:
Выравнивание. Параметр позволяет выровнять изображение по вертикали (верх/центр/низ) или горизонтали (право/центр/лево).
Размер. С помощью этого параметра можно изменить высоту и ширину изображения. Размеры можно указывать в пикселях (px) или процентах (%).
Рамка. Параметр позволяет добавить обводку или границу. Для рамки можно настроить толщину, цвет и стиль.
Скругление. Параметр позволяет скруглить края изображения. Радиус закругления задается в пикселях.
Видимость. С помощью этого параметра вы можете скрыть изображение на десктопе или мобильном устройстве.
Как отредактировать картинку
При необходимости вы можете отредактировать добавленное изображение с помощью встроенного редактора: применить фильтр, добавить текст или стикер, обрезать изображение.
Чтобы перейти в редактор найдите на панели настроек иконку карандаша и кликните на нее. Либо на рабочей области наведите курсор мыши на изображение, которое нужно отредактировать, и нажмите на карандаш.
Откроется всплывающее окно с редактором. Выполните нужные действия, а затем нажмите кнопку «Обновить», чтобы применить внесенные изменения.
Как добавить ссылку в картинку
На панели редактирования можно также добавить ссылку в картинку, чтобы при клике на нее пользователь мог перейти на ваш сайт. Для этого нажмите на значок ссылки и вставьте нужный адрес.
Как добавить alt-текст к картинке
Обязательно пропишите альтернативный текст (alt-текст) к каждой картинке в письме. Этот текст будет отображаться в случае, если картинка не прогрузится или пользователь отключил их отображение.
Чтобы добавить alt-текст, нажмите на панели настроек на значок «Alt», а затем введите текст в соответствующее поле.
Как заменить картинку
При необходимости вы можете заменить изображение на другое. Для этого найдите на панели настроек иконку со стрелками, нажмите на нее, а затем выберите способ добавления нового изображения.
Также вы можете заменить изображение прямо из рабочей области редактора. Для этого наведите курсор мыши на изображение и нажмите на значок со стрелками.
Откроется файловый менеджер, где вы сможете добавить в письмо другую картинку.
Полезные ссылки
Новый конструктор писем: основные возможности и особенности
Как создать и отправить рассылку в новом редакторе
Как создать или улучшить письмо с помощью AI-ассистента
Как адаптировать письмо под мобильные устройства
Как добавить подстановку для персонализации рассылки
Как изменить внешний вид письма за пару кликов
