Советы по адаптивному дизайну электронных писем
Posted: Tue Dec 17, 2024 6:42 am
Думая о макете и шаблоне для вашего письма, всегда помните о том, как они будут выглядеть на разных устройствах, включая мобильные. Вот несколько ошибок, которых следует избегать, и советы, которым следует следовать для адаптивного дизайна письма.
Ошибки, которых следует избегать
1. Избегайте использования нескольких гиперссылок вместе, так как это может привести к их загромождению. Получатель может случайно нажать не на ту ссылку, которая расположена слишком близко к той, на которую он хотел нажать.
2. Не делайте кнопки CTA слишком маленькими. Увеличение масштаба для нажатия база номеров ватсап кнопки может сильно расстроить получателей.
3. Не используйте шрифты размером менее 14 пикселей для текста письма и 20 пикселей для заголовков письма, так как это затруднит чтение письма на маленьких экранах.
Лучшие практики, которым стоит следовать
1. Соблюдайте правила адаптивных писем. Например, если ваш шаблон письма состоит из нескольких столбцов и вы хотите, чтобы они подстраивались под мобильные экраны, вставьте специальный код и создайте свое письмо внутри таблицы.
2. Используйте готовые адаптивные шаблоны писем от SendPulse или создайте свои собственные в нашем drag and drop конструкторе, если вы не хотите возиться с кодом. Они уже настроены как для настольных компьютеров, так и для мобильных устройств; кроме того, вы всегда можете предварительно просмотреть свой шаблон письма для обоих устройств.
Взгляните на следующее письмо от Uniqlo, которое хорошо отображается как на десктопе, так и на мобильном устройстве. Вот что видит пользователь десктопа:
Ошибки, которых следует избегать
1. Избегайте использования нескольких гиперссылок вместе, так как это может привести к их загромождению. Получатель может случайно нажать не на ту ссылку, которая расположена слишком близко к той, на которую он хотел нажать.
2. Не делайте кнопки CTA слишком маленькими. Увеличение масштаба для нажатия база номеров ватсап кнопки может сильно расстроить получателей.
3. Не используйте шрифты размером менее 14 пикселей для текста письма и 20 пикселей для заголовков письма, так как это затруднит чтение письма на маленьких экранах.
Лучшие практики, которым стоит следовать
1. Соблюдайте правила адаптивных писем. Например, если ваш шаблон письма состоит из нескольких столбцов и вы хотите, чтобы они подстраивались под мобильные экраны, вставьте специальный код и создайте свое письмо внутри таблицы.
2. Используйте готовые адаптивные шаблоны писем от SendPulse или создайте свои собственные в нашем drag and drop конструкторе, если вы не хотите возиться с кодом. Они уже настроены как для настольных компьютеров, так и для мобильных устройств; кроме того, вы всегда можете предварительно просмотреть свой шаблон письма для обоих устройств.
Взгляните на следующее письмо от Uniqlo, которое хорошо отображается как на десктопе, так и на мобильном устройстве. Вот что видит пользователь десктопа: