Архив метки: верстка писем

Настройка порядка и дизайна стековых колонок в адаптивных email-рассылках

*Статья впервые опубликована в октябре 2014 года, обновлена в апреле 2019 года* У вас есть две или более колонок контента в адаптивном дизайне email-рассылки, но вы обнаружили, что при просмотре на мобильных устройствах они выстраиваются в неправильном порядке? С помощью простого кодирования вы можете расставить их по своим местам.

Как и зачем использовать сервис тестирования email-рассылок в ваших кампаниях

*Статья впервые опубликована в апреле 2011 года, обновлена в марте 2019 года* У вас есть важные клиенты, которых нужно радовать. Если вы хотите удовлетворить своих клиентов, сначала вы должны удовлетворить своих подписчиков.

Что нужно знать об управлении отступами изображений в Gmail для маркетинговых рассылок

*Статья впервые опубликована в мае 2010 года, обновлена в мае 2019 года* Как профессионалу или владельцу бизнеса, стремящемуся использовать Gmail в своем email-маркетинге, вам важно иметь достаточно глубокое представление о том, как Gmail влияет на изображения.

Как работают тестирование и рендеринг email-рассылок и почему это важно

Вы когда-нибудь создавали идеальный макет письма на компьютере, чтобы через час открыть его на iPhone и обнаружить, что верстка полностью «поехала»? Сердце замирает, а от начальника уже пришло сообщение. Что пошло не так? Отличный пользовательский опыт начинается еще до того, как вы нажмете кнопку «отправить» в своей email-кампании.

Новый взгляд на типографику в дизайне email-рассылок

Представление текста в удобочитаемом и даже восхитительном виде было основой email-маркетинга с самого начала. Так почему же оно часто кажется второстепенным? Большая часть недавних дискуссий о типографике в письмах сосредоточена вокруг веб-шрифтов и запасных вариантов (fallbacks). И это неудивительно. Учитывая давнюю борьбу сообщества за улучшение поддержки CSS в почтовых клиентах, вполне естественно, что мы зациклились… Читать далее »

Основы дизайна электронных писем: Часть 2

*Это вторая часть серии материалов об основах дизайна email-рассылок от нашего штатного арт-директора и специалиста по дизайну Тейлора Лопоссера.* В первой части нашей серии мы рассказали о важности принципов качественного email-дизайна и некоторых основах реализации успешной кампании. Теперь мы рассмотрим ситуативные лучшие практики и советы о том, как извлечь максимум пользы из ваших макетов.

Поддержка карт изображений в HTML-письмах и рекомендации на 2019 год

*Статья впервые опубликована в ноябре 2007 года, обновлена в апреле 2019 года.* Учитывая текущие условия, когда изображения в электронных письмах очень часто блокируются, карты изображений кажутся странным методом для использования. Ведь когда исходное изображение заблокировано, ваши ссылки перестают работать.

Как использовать ALT-текст в HTML-письмах

*Эта публикация была обновлена в мае 2019 года* Еще в 2007 году мы провели небольшое тестирование отображения ALT-текста в популярных почтовых клиентах. Перенесемся в 2010 год — мы решили, что пора освежить эти знания.

Дизайн писем для темного режима: оптимизация для темной и светлой тем

Темный режим кажется трендом, который повсюду набирает популярность, особенно когда речь заходит о почтовых рассылках и приложениях для смартфонов. С появлением различных темных режимов в приложениях и почтовых клиентах email-маркетологам необходимо изучить разницу между оптимизацией для темной и светлой тем. Если они этого не сделают, их сообщения могут отображаться некорректно, вызывая раздражение у читателей.

Использование медиа-запросов для адаптивного дизайна электронной почты

*Обновлено в марте 2019 г.* Ниже описан метод, который мы обнаружили во время работы над Canvas. Хотя он не вошел в финальный продукт, мы считаем, что им все равно стоит поделиться.