Чтобы подготовить аккуратное письмо для рассылки, необязательно знать HTML или обращаться к верстальщику. В онлайн-конструкторе можно собрать макет из готовых блоков, проверить его на компьютере и телефоне, а затем сохранить как шаблон.
Разберём, как создать email-письмо примерно за 15 минут и какие решения помогут ему одинаково хорошо выглядеть в разных почтовых программах.
Что понадобится перед началом работы
Подготовьте тему письма, основной текст, логотип, одно главное изображение и ссылку, на которую должна вести кнопка. Чем меньше материалов приходится искать во время работы, тем быстрее собирается макет.
- Цель письма. Получатель должен понять, что ему предлагают и какое действие от него ожидают.
- Один основной призыв. Несколько равнозначных кнопок рассеивают внимание.
- Короткий текст. На первом экране достаточно заголовка, пояснения и кнопки.
- Изображения подходящего размера. Большие файлы замедляют загрузку письма.
Шаг 1. Выберите структуру письма
Для большинства рассылок подходит простая последовательность: логотип, заголовок, вводный абзац, основное предложение, кнопка и служебная часть. Начните с одного столбца: такой макет проще читать и адаптировать для мобильного экрана.
Если письмо содержит несколько товаров или новостей, разделите их на самостоятельные карточки. В каждой карточке оставьте название, короткое описание и ссылку. Не перегружайте письмо декоративными блоками, которые не помогают принять решение.
Шаг 2. Соберите письмо из готовых блоков
Откройте конструктор писем QWERTYMAIL и добавляйте элементы в нужной последовательности. Текстовые блоки используйте для заголовков и описаний, блок изображения — для иллюстрации, а кнопку — для главного действия.
Придерживайтесь ширины макета около 600 пикселей. Это привычный формат для email и безопасная основа для большинства почтовых клиентов. Основной текст лучше делать не мельче 16 пикселей, а кнопки — достаточно крупными для нажатия пальцем.
Шаг 3. Настройте визуальную иерархию
Читатель сначала замечает заголовок, затем изображение или ключевую цифру и только потом переходит к подробностям. Поэтому самый важный смысл должен находиться в верхней части письма.
- используйте один основной цвет кнопок;
- оставляйте свободное пространство между смысловыми блоками;
- не применяйте больше двух шрифтов;
- проверяйте контраст текста и фона;
- добавляйте альтернативное описание изображения.
Шаг 4. Проверьте ссылки и мобильную версию
Перед отправкой откройте предварительный просмотр и уменьшите ширину окна. Заголовки не должны выходить за границы, изображения — растягивать макет, а кнопки — становиться слишком узкими.
Проверьте каждую ссылку вручную. Убедитесь, что кнопка ведёт на нужную страницу, а адрес отправителя и ссылка для отписки указаны корректно. После этого отправьте тестовое письмо на несколько ящиков, например Яндекс Почту и Mail.ru.
Шаг 5. Сохраните удачный макет как шаблон
Повторное использование шаблона экономит время и помогает сохранить единый стиль. Оставьте неизменными логотип, цвета, типографику и служебную часть, а для каждой новой рассылки меняйте тему, содержание и главное действие.
Для быстрого старта можно использовать готовые шаблоны email-писем, а затем адаптировать их под фирменный стиль.
Частые ошибки
- всё письмо сделано одной картинкой;
- на первом экране нет понятного предложения;
- в письме слишком много разных кнопок;
- текст плохо читается на телефоне;
- макет отправляется без теста.
Короткий чек-лист перед отправкой
Проверьте тему, имя отправителя, мобильную версию, ссылки, изображения, кнопку, адрес компании и возможность отписаться. Если все пункты пройдены, письмо можно отправлять выбранному сегменту базы.
Создайте первый макет в QWERTYMAIL: до 200 подписчиков сервис доступен бесплатно, без ограничения количества рассылок. Начать бесплатно.