Вёрстка писем для email-рассылки в конструкторе. Что собрать без дизайнера
Соберите макет письма из пяти блоков: заголовок, предложение, пример, кнопка и подпись. Ниже схема, которую можно повторить в конструкторе и проверить на телефоне.
Макет письма для рассылки без дизайнера
Заголовок: «Заявки из сайта и телефона в одной очереди». Текст: два коротких предложения о том, что покажет демонстрация и кому она подходит.
Пример: один скриншот или схема с подписью «После передачи видно, кто отвечает за заявку». Если изображение не загрузится, текст всё равно сообщает результат.
Кнопка: «Выбрать время демонстрации». Под кнопкой — резервный способ задать вопрос. В подписи — кто отправил письмо и стандартная ссылка отписки для рассылки.
Проверка: откройте тест на узком экране и при выключенных картинках. Сначала видны отправитель, предложение и основной шаг. Если колонки сжались и текст трудно читать, используйте одну колонку либо настройку мобильного порядка блоков.
Для запуска повторите макет на одном письме. Сравнивайте клики только при одинаковой задаче рассылки.
На встречу по продающим письмам возьмите первый экран на телефоне. Отметьте блок, без которого смысл не меняется: его можно переставить ниже либо убрать.
Вёрстка письма для email-рассылки в конструкторе — это сборка из блоков, которые получатель сможет прочитать и использовать. Перед выбором шаблона запишите главную задачу письма. Если нужно привести человека к записи, первый экран должен объяснить предложение, а кнопка — вести к понятному действию.
Соберите письмо в одной колонке
Поставьте сначала короткий заголовок, затем два-три предложения и основное действие. Если нужно объяснить условия, добавьте их отдельным блоком под кнопкой. Служебные ссылки оставьте в нижней части. Одноколоночный порядок проще проверить на телефоне и легче понять, если письмо отображается иначе, чем в редакторе.
Для анонса встречи это может быть название, кому полезна программа, дата и ссылка «Посмотреть программу». Картинка помогает распознать тему, но дата и действие должны оставаться текстом, который можно прочитать отдельно.
Оформите кнопку и запасной путь
Выберите заметную кнопку с формулировкой действия, например «Посмотреть условия участия». Не ставьте рядом несколько равнозначных кнопок. Если ссылка критична, добавьте текстовый вариант рядом или в нижнем блоке. Проверьте, что оба пути ведут на одну страницу.
У изображений оставьте короткие текстовые подписи, когда они добавляют смысл. Для декоративного изображения не повторяйте весь заголовок. Выключите загрузку картинок в тестовой копии и прочитайте письмо от начала до конца. Предложение и условия должны сохраняться.
Проведите контрольную отправку
Отправьте тест на адреса, которыми пользуется команда. Проверьте заголовки, переносы, кнопки, ссылки и нижнюю часть письма. Попросите коллегу найти основное действие без подсказки. Если он выбирает другую ссылку, уточните формулировку и порядок блоков. Для содержания удобно использовать пример продающего письма.
Сохраните удачную версию как шаблон и подпишите, для какой задачи она подходит. При следующей отправке поменяйте содержание, но снова проверьте ссылки и нижний блок. Так случайная копия старой кампании не станет источником неверной даты.
Конференции, форумы, нетворкинг и мастер-классы — с фильтрами по дате, формату и цене.
Открыть афишу →