Как добавить изображение в письмо?
Для начала в письме должна быть добавлена секция. Затем перейдите в раздел «Инструменты и модули», откройте вкладку «Блоки» и перетащите блок изображения в нужное место секции.
Вы также можете добавить изображение под существующим блоком, если хотите, чтобы оно находилось в одной секции с другим элементом.
После этого вы можете:
- Загрузить изображение с компьютера
- Загрузить изображение по ссылке
- Выбрать изображение из вашей библиотеки
- Использовать изображение из стока
Как загрузить изображение с компьютера?
Кликните по блоку изображения и в правой панели нажмите на иконку загрузки или просто перетащите изображение в это окно.
Как загрузить изображение по ссылке?
В настройках блока изображения найдите раздел Загрузить изображение по URL и вставьте ссылку на изображение.
❗️Важно:
- Изображение будет вставлено в том размере, в котором оно загружается по ссылке.
- Убедитесь, что по ссылке открывается только изображение, а не страница с дополнительными данными (Google Drive, Dropbox и др. не подходят).
Как выбрать изображение из библиотеки?
В настройках блока изображения перейдите во вкладку Library и выберите нужное изображение из вашей библиотеки.
Как загрузить стоковое изображение?
Перейдите во вкладку Сток, выберите источник (Pixabay или Pexels), введите запрос и выберите изображение из результатов поиска.
Как удалить изображение?
Кликните по блоку изображения и в правой панели нажмите на иконку X — изображение удалится, оставив пустой блок.
Как заменить изображение?
Нажмите на иконку замены изображения (две стрелки) в правой панели, чтобы загрузить другое изображение.
Настройки изображения
В Markeaze для блока изображения доступны следующие настройки:
👉 Подробности по каждому пункту — в этой статье.
- Alt-текст — текст, отображаемый при недоступности изображения (важно для антиспам-фильтров)
- Ссылка на изображение — переход при клике
- Ховер-эффект — при наведении заменяет изображение на другое
- Размер изображения — в пикселях по ширине
- Полная ширина блока
- Фоновый цвет
- Стиль рамки
- Выравнивание — слева, по центру, справа
- Внутренние отступы (паддинги)
- Показ на мобильных/десктопных устройствах
- Преобразование в HTML
👉 Подробности по каждому пункту — в этой статье.
Как создать эффект наведения (hover)?
Ховер — это второе изображение, которое заменяет основное при наведении мыши (только в десктопных версиях писем). Удобно для демонстрации товаров.
Подробнее об установке ховера — здесь.
Как добавить отдельное изображение для тёмной темы?
В Markeaze можно задать отдельное изображение для тёмной темы (например, для баннеров или товаров). Так письмо будет корректно выглядеть и на светлой, и на тёмной теме.
Инструкция по установке — здесь.
Библиотека изображений
В разделе Image Library хранятся все изображения, загруженные вами в Markeaze. Вы можете повторно использовать их в любых письмах, загружать заранее или удалять ненужные файлы.
Узнать больше о библиотеке изображений — в этой статье.
Использование стоковых изображений
В Markeaze доступны Pixabay и Pexels — бесплатные стоковые базы с открытой лицензией. Вы можете искать и вставлять изображения прямо из редактора.
Инструкция по работе со стоками — здесь.