Отображение писем на мобильных устройствах

0

В этой статье вы узнаете, как отображается рассылка на мобильных устройствах и как решить некоторые проблемы, с которыми вы можете столкнуться в процессе работы.

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

Обратите внимание:

  • Mailchimp использует медиа-запросы, чтобы узнать возможности устройства и оптимизировать под него письмо. Если оно отображается неправильно, возможно, это устройство не поддерживает медиа-запросы, и может потребоваться разработать собственный шаблон.
  • Не поддерживают медиа-запросы следующие устройства и приложения: Android Yahoo Mail, Blackberry OS 5, Samsung Galaxy S3 +, Windows Mobile 6.1, Windows Phone 7 и 8.
  • Перед отправкой кампании Mailchimp рекомендует предварительно просмотреть и протестировать ее. Инструмент предварительного просмотра входящих сообщений показывает, как письмо будет отображаться на различных мобильных устройствах.
  • Предварительный просмотр кампании  доступен также в мобильном приложении.
  • Если вы используете неадаптивный макет, получателям может потребоваться увеличить масштаб письма или прокрутить по горизонтали, чтобы просмотреть контент кампании на мобильном устройстве.

Проблемы с макетом кампании

Макет кампании меняется

Каждый раз, когда письмо просматривается на мобильном устройстве, блоки контента меняются так, чтобы отображаться в формате одного столбца. Это означает, что если вы выберете шаблон из Campaign Builder с расположенными бок о бок блоками, блок слева будет отображаться сложенным над блоком справа.

Если вы хотите, чтобы контент кампании отображался в одном порядке независимо от устройства, на котором он просматривается, используйте шаблон с одним столбцом.

Изображения растягиваются на мобильном телефоне

Если вы используете большие изображения в текстовых блоках, они могут растягивать макет при просмотре на мобильном устройстве. Адаптивные шаблоны Mailchimp предназначены для ограничения изображений, которые размещены в соответствующих блоках.

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

Необходимо, чтобы кампания выглядела как веб-версия

Шаблоны, представленные в Campaign Builder, предназначены для мобильных устройств. Если вам нужен шаблон, который не адаптируется к мобильным устройствам, или вам нужен больший контроль над дизайном шаблона, можно использовать шаблон с настраиваемым кодом.

Это расширенная функция, которую рекомендуется использовать пользователям, знакомым с пользовательским кодированием. Вы также можете связаться со своим разработчиком или нанять эксперта Mailchimp, если вам нужна помощь.

Проблемы с форматированием

Необходимо изменить размер шрифта в своей адаптивной кампании

Настройки стиля в шаблонах Mailchimp разработаны с учетом мобильных устройств. Каждый контент блок в Campaign Builder включает раздел мобильных стилей, в котором можно изменять разные параметры, например, размер шрифта.

В кампании есть синие ссылки

Некоторые мобильные устройства, особенно iPhone и iPad, автоматически создают гиперссылки на адреса, даты или номера телефонов. Это функция операционной системы устройства, которую Mailchimp не может контролировать.

Чтобы изменить внешний вид связанного текста, нужно обратиться к веб-разработчику и отредактировать HTML-код кампании.

Дата, номер телефона или ссылка исчезли

Если ссылки отформатированы в цвет фона раздела кампании, кажется, что они исчезают. Это особенно характерно для автоматически связанных дат и телефонных номеров.

В используемом контент блоке измените цвет фона или стили ссылок для разделов в своей кампании, чтобы они не сливались с фоном письма.

Якорные ссылки не работают

Если в кампании есть якорные ссылки, они могут не работать должным образом на мобильном устройстве. Например, iPhone требует, чтобы пользователь дважды коснулся ссылки, чтобы перейти в нужный раздел. Устройства с iOS 9 или новее вообще не поддерживают якорные ссылки.

Перед отправкой кампании своим подписчикам вы можете просмотреть и протестировать ссылки с помощью предварительного просмотра папки «Входящие».

Подробно обо всех функциях, возможностях и особенностях Mailchimp вы узнаете в видео-тренинге “Большой курс по Mailchimp“. После прохождения тренинга выдается сертификат.