Верстка email, которая не ломает open-rate и CTR: 7 проверок перед отправкой

Верстка email, которая не ломает open-rate и CTR: 7 проверок перед отправкой

Если письмо красиво в Figma, это еще не значит, что оно работает в inbox. В арбитражных шаблонах чаще всего падают не креативы, а базовые вещи: ширина, текст, кнопки и dark mode.

— Держите основной контейнер в 600–640 px: шире — хуже читается, уже — теряется визуальный вес.
— Ставьте font-size текста не ниже 14 px, CTA — 16 px и выше.
— Не делайте кнопку картинкой: текст внутри кнопки лучше читается и кликается.
— Пишите alt у всех изображений: если картинки не загрузились, оффер все равно должен быть понятен.

Проверьте preheader: он должен дополнять тему, а не повторять ее. Для темы на 35–45 символов обычно хватает 60–90 символов превью, чтобы добрать контекст без мусора. И не прячьте ключевой смысл письма только в первом баннере — часть аудитории увидит plain-text или урезанный рендер.

Отдельно смотрите dark mode: светлый текст на прозрачном фоне, иконки с тонкими линиями и серые CTA часто теряются. Хороший тест — открыть письмо в Gmail, Outlook и Apple Mail и проверить, не исчез ли контраст, не съехали ли отступы и не стал ли блок шире экрана.

Если в письме есть только один проверочный цикл, делайте его по схеме: тема, preheader, width, CTA, alt, mobile-рендер, dark mode. Это быстрее, чем чинить уже отправленный шаблон.