Сегодня большая часть писем открывается на мобильных устройствах, поэтому необходимо заранее позаботиться о правильном их отображении на смартфонах. Адаптивная вёрстка поможет преобразовать контент под экраны небольшого размера, что в свою очередь хорошо повлияет на показатели ROI.

ГЛАВНЫЕ ОСОБЕННОСТИ АДАПТИВНОГО ПИСЬМА:

• Размер текста становится комфортным для чтения.
• Структура письма перестраивается под ширину экрана моб. устройства.
• Дополнительно можно отобразить или скрыть лишнюю информацию.
• Увеличение коэффициента возврата инвестиций (ROI).
• Увеличение показателя кликабельности (CTR) до +24%.

1. Сравните отображение обычного html письма и адаптивного.
В обычном появляется горизонтальный скролл, информация не помещается, читать ее не совсем удобно. В адаптивной версии контент перестроится под ширину экрана.

2. Рассмотрим небольшой пример адаптивного письма, перед вами десктопная и мобильная версия.
Информация в хедере перестраивается в одну колонку, навигация превращается в вертикальный список, кнопки с полной кликабельной областью. Изображение главного поста центрируется и становится первым, затем идет заголовок и текст, список с социальными иконками меняет положение.

3. Представьте структуру из 3-х блоков (зеленый, красный, синий), внутри может быть текст и изображения. Пример демонстрирует всю гибкость перестроения адаптивного кода WOW EMAIL, очередность отображения контента на мобильных устройствах возможна различными вариантами.
+ можно скрыть любой блок и показать другой (вариант 7).