Добрый день, сегодня мы хотим осветить такую тему, как верстка шаблонов писем. Для каждого сайта важно, чтобы письма в рассылке были красивыми, уникальными и удобно читаемыми на всех устройствах.
В интернете существует очень много разных практик, которые показывают, как сверстать письмо так, чтобы клиент мог его открыть на любом устройстве, но очень много практик или не проверенных или же попросту не протестированных на всех возможных e-mail клиентах.
Есть несколько вещей, которые следует учитывать при разработке шаблона письма.
- Письма должны быть максимальной ширины 600-800 пикселей. Это заставит их вести себя лучше в пределах области предварительного просмотра, предоставляемой многими e-mail клиентами.
- Блочный (сеточный) дизайн. Используйте дизайн на основе сетки и избегайте сложных элементов. Для лучшей наглядности представляйте письмо в виде некой структуры, например: