Почему письмо в конструкторе выглядит нормально, а у получателей отображается по-разному?

Question

Собрали email-шаблон в конструкторе, в предпросмотре всё выглядит нормально. Но после отправки у части получателей письмо отображается иначе: где-то съезжают блоки, где-то меняются отступы, а где-то письмо вообще выглядит не так, как ожидалось. Почему так происходит?

Answer 1

Это нормальная проблема для email-рассылок: разные почтовые клиенты отображают письма по-разному.

В отличие от обычных сайтов, email-шаблоны живут в более жёсткой среде. Gmail, Outlook, Mail.ru, Яндекс и мобильные приложения поддерживают HTML и CSS не одинаково. То, что красиво выглядит в конструкторе, не всегда так же выглядит у получателя.

Чаще всего причины такие:

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

Поэтому email-дизайн почти всегда требует проверки не только в конструкторе, но и в реальной отправке.

Что помогает: использовать более простую и устойчивую вёрстку, не перегружать письмо сложными блоками, тестировать письмо в нескольких почтовых клиентах и отдельно проверять мобильную версию.

Если коротко: конструктор показывает только предварительный вид, а реальное отображение зависит от того, в каком почтовом сервисе и на каком устройстве откроют письмо.