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