Персональные данные читателя добавляются с помощью переменных – это специальный код, в который подтягиваются данные из анкеты получателя. Но проблема в том, что не у всех клиентов может быть заполнена нужная информация. Слева – код, который задает дизайн письма, справа – вид письма для получателя.
В этом случае сначала создают письмо для мобильных гаджетов, а потом — для компьютеров. Почтовые клиенты отображают ограниченный набор шрифтов (мы уже писали о том, какие шрифты использовать в рассылке). Чтобы ваш текст везде отобразился одинаково, используйте безопасные значения свойства font-family.
Основы емейл-вёрстки
А если крутой дизайн не нужен, сам маркетолог может загрузить картинки, добавить кнопки со ссылками и распределить текст. При создании рассылок часто забывают о так называемом тексте превью или прехедере. Прехедер — это небольшой кусочек текста, который подтягивается из тела сообщения, и обычно он отображается под полями с именем отправителя и темой сообщения. Для кодирования HTML-версий писем можно использовать любые редакторы кода, например, Atom или Sublime Text. Для тега‹img›можно прописать стилевые правила текста, например colorили font-family, которые будут применяться к alt-тексту.
Она максимально проста и, в отличие от блочной, позволяет выводить информацию в виде, задуманном при создании. Но нужно учитывать, что уже сегодня на мобильных телефонах письма просматривают более половины пользователей (77% на момент написания в 2018 году). Сервис поддерживает тестирование 90+ почтовых клиентов и устройств. И еще есть возможность проверить верстку письма с PDF-вложением в 27 приложениях. Самый эффективный вариант проверки – использовать специальные сервисы, например, Litmus и Email on Acid.
Пишем текст письма для рассылки
С их помощью можно менять размеры шрифта и цвет кнопок, расположение блоков и картинок в зависимости от размера экрана. Но полностью полагаться на них не стоит — до сих пор не все почтовые клиенты выполняют эти инструкции. Сервис рассылки писем — помощник маркетолога, когда нужно отправлять сообщения тысячам людей. Это легальные и достаточно простые инструменты, которые экономят время специалистов и исключают распространённые ошибки. Рассмотрим возможности, которые даёт сервис email рассылок.
Письмо должно корректно отображаться во всех браузерах, почтовых клиентах и на всех типах устройств. В этом случае email-маркетолог отправляет письмо на свои почтовые ящики, а затем смотрит корректность верстки с разных почтовых клиентов и устройств. Не все привычные элементы HTML-кода подойдут для верстки рассылок. Например, все почтовые клиенты не воспринимают тег . Универсальные HTML-теги и атрибуты поддерживаются всеми почтовыми клиентами и браузерами. Используйте их, чтобы письмо везде отображалось одинаково.
Изображения и медиа
Рассмотрим, где взять адреса электронной почты для рассылки и как их актуализировать. Прежде чем задавать себе вопрос о том, как сделать рассылку по электронной почте, определитесь, для чего она вам верстка писем нужна. Цели могут быть разнообразные, от того, какую вы выберете, зависит направление всей дальнейшей работы над рассылкой. Важно лишь то, что они должны быть конкретными, измеримыми и достижимыми.
В сервисах есть возможность создания форм сбора email-адресов (обычно их вставляют на сайт компании). Также рассыльщики https://deveducation.com/ интегрируются с системами хранения данных компании. Рекламная — продвигает актуальные скидки и акции бренда.
Рассылай и властвуй: инструменты для создания и тестирования рассылки
«Мегаплан» присылал письма пользователям, чтобы провести исследование. Транзакционная — автоматические емаил для подтверждения оплаты, оформления покупки, сообщения и статусе доставки. Дорассылку можно сделать автоматически или вручную с помощью сегментации получателей. Automation 360 позволяет объединить в единую цепочку коммуникации в чат-ботах, email, web push и SMS сообщениях.
На платформе рассылок Sendsay простой и удобный редактор кода. Чтобы в него попасть, кликните «Создать выпуск», выберите Email и среди предложенных вариантов по созданию письма – в HTML-редакторе. В шаблонах блоки письма уже расставлены определенным образом, их можно отредактировать. Но вы можете самостоятельно собрать рассылку из элементов в блочном редакторе, если нужно создать свою структуру.