Если у компании есть мобильное приложение, можно дополнить блок ссылками на скачивание. Если у вашей компании есть блог, предложите клиентам почитать статьи. В некоторых видах писем отдельные элементы могут отсутствовать. Например, в информационной рассылке не будет кнопок СТА. Четких правил, какие элементы обязательно включать в макет, нет.
Регистрируйтесь в eSputnik — для наших пользователей мы предоставляем проверку письма в сервисе Email on Acid бесплатно. Как только лодка остановится — ваша емейл-рассылка будет обнаружена, и вы увидите результаты по спам-рейтингу и рекомендации по улучшению письма. Сервис https://deveducation.com/ емейл-проверки, предоставляющий скриншоты с 50+ браузеров и приложений. Есть возможность посмотреть, как отображается сообщение со включенным в разных приложениях темным режимом. В Литмус-тесте проверка email-рассылки подразумевает и тест ссылок, и подсказки по верстке.
Адаптивная HTML-верстка
Но можно не тратить деньги, а просто воспользоваться Mail-tester как дополнением. Одна из основных особенностей — есть встроенная проверка html письма, которая поможет решить возможные проблемы с доставляемостью. Скриншоты создаются с реальных устройств, а не на эмуляторах. Можно проверить, корректно ли отображается ваше сообщение при активированном Dark Mode.
В этой статье хочу поделиться несколькими лайфхаками по верстке писем. Расскажу что стоит учитывать при верстке писем и как обходить ограничения при создании адаптивного письма. По картинке в email сразу видно, о какой новости хочет сообщить сервис, и сразу появляется мотивация прочитать до конца. Ещё это пример сегментирования аудитории — письма отправляются только тем людям, которые проживают по определённому адресу. Через сервис рассылок отправляют полностью персонализированные email.
Рассылай и властвуй: инструменты для создания и тестирования рассылки
В заключение еще несколько советов, которые помогут создать качественную почтовую рассылку. Мы в SendPulse предоставляем услугу дизайна шаблонов, но но есть и специализированные агентства, как Site Elite Studio. С помощью плагинов можно реализовать nocode-подход к разработке писем. Выбрав какой-либо конкретный фреймворк, вы оказываетесь привязаны к его особенностям рендеринга. Поэтому должны быть уверены в качестве получаемого кода.
В рассмотренных выше сервисах есть подобные возможности, но на этой платформе не нужно авторизоваться или регистрироваться, чтобы сделать тест рассылки. К сожалению, все остальные функции (проверка ссылок, картинок, шрифтов, адаптивности верстки и т. д.) будут доступны только после покупки одного из тарифов. Вы можете загрузить ваше сообщение в виде архива, через HTML, или отправив емейл на тестовый почтовый адрес. Кроме того, в разделе Design Inspiration есть примеры дизайна писем. Они помогут подсмотреть интересные идеи у других компаний и брендов.
Для изображений
Текст превью вытягивается из первых нескольких строк текста письма. При этом в теле сообщения его можно отображать или скрывать с помощью несложного кода. Важно помнить, что некоторые почтовые клиенты даже plain-text письма будут отображать в качестве HTML-сообщений. К примеру, Gmail добавит дополнительные верстка писем стили и превратит URL в ссылки. Вариант создания резиновой верстки в письмах — использовать оборачивающие дивы с указанием максимальной ширины max-width. Так как Outlook не поддерживает это правило, под него прописываются специальная инструкция-комментарий, в которой заключена табличная верстка.
Значит, у пользователя такое письмо будет корректно отображаться и можно его отправлять в Google на проверку. Пока у вашего письма статус валидации “FAIL” – значит не все ещё ошибки исправлены и лучше не отправлять такое письмо. Соответственно вы даже не увидите как будет выглядеть превью письма. Отдельные сервисы для проверки емейлов предлагают такую же услугу за отдельную плату.
Технические требования и дизайн письма
Плюс этот способ не сработает в мобильных почтовых клиентах, таких как Яндекс.Почта и Mail.ru под iOS и Android, которые не поддерживают медиазапросы. Не все блочные редакторы и не всегда обеспечивают хорошее отображение в разных почтовых клиентах и веб-интерфейсах. Как правило, отображение приемлемое, но далеко не идеальное. Стильный дизайн помогает повысить отдачу от рассылки.. Разрабатывайте шаблоны писем в корпоративном стиле, придумывайте интересные заголовки, структурируйте текст, добавляйте подходящие картинки. Не забывайте размещать яркие кнопки призыва к действию.
- Те фишки и слова, которые работают в одной группе пользователей, могут оказаться бесполезными в смежной категории.
- В рассмотренных выше сервисах есть подобные возможности, но на этой платформе не нужно авторизоваться или регистрироваться, чтобы сделать тест рассылки.
- Расскажу, как решала сразу несколько задач с (морской) звёздочкой и почему не грех помучить дизайнера ради должного результата.
- Тут же возникает чувство, что тебе пытаются продать что-то ненужное.
- Чтобы создать письмо и запустить рассылку в сервисе, нужен только email.
Нажмите «Запустить рассылку» после завершения тестирования. Итак, подведем итог про особенности работы в HTML-редакторе.
