Редактирование и тестирование мобильных стилей

0

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

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

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

  • Изображения внутри текстовых блоков могут растягиваться при просмотре на мобильном устройстве, поскольку адаптивные шаблоны не ограничивают их. Чтобы они не растягивались, используйте контент-блок “Изображение”. Если вы хотите разместить текст и изображение в одном блоке, попробуйте блок Image Card или Image+Caption.
  • Если вы используете пользовательский HTML-шаблон, обновление мобильных стилей нужно будет делать вручную.

Редактирование мобильных стилей

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

Чтобы изменить мобильные стили в перемещаемом шаблоне, выполните следующие действия:

  1. В разделе “Контент” (Content) конструктора кампании нажмите “Изменить дизайн” (Edit Design).
  2. Нажмите на вкладку “Стиль” (Style) и выберите “Мобильные стили” (Mobile Styles).
  3. Используйте выпадающее меню и другие поля, чтобы при необходимости отредактировать мобильные стили, и нажмите “Сохранить” (Save).

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

Предварительный просмотр мобильного дизайна

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

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

  1. В разделе “Контент” (Content) конструктора кампаний нажмите “Изменить дизайн” (Edit Design).
  2. Нажмите на выпадающее меню “Предварительный просмотр” (Preview) и выберите “Перейти в режим предварительного просмотра” (Enter preview mode).
  3. Нажмите на вкладку “Мобильное устройство” (Mobile).

Тестирование мобильных кампаний

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

Отправка на мобильный

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

Мобильное приложение Mailchimp доступно для iOS и Android.

Чтобы отправить кампанию с компьютера на мобильное устройство, выполните следующие действия:

  1. В разделе “Контент” (Content) конструктора кампании нажмите “Изменить дизайн” (Edit Design).
  2. Нажмите на выпадающее меню “Предварительный просмотр” (Preview) и выберите “Отправить на мобильный” (Push to mobile).
  3. Во всплывающем модальном окне “Отправить на мобильный телефон Mailchimp” (Push to Mailchimp’s Mobile App) нажмите “Отправить на мобильное устройство” (Push to Mobile).
  4. На мобильном устройстве откройте предварительный просмотр из полученного push-уведомления.

Если вы получили push-уведомление и отклонили его, вам нужно будет повторить эти шаги, чтобы просмотреть кампанию.

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