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

Мало кого удивит тот факт, что в 2019 году большинство электронных писем открывалось на мобильных устройствах. Согласно нашим исследованиям, на смартфоны и планшеты сейчас приходится 63% всех открытий писем.

Письма, которые просматриваются на мобильных устройствах, могут выглядеть как великолепно, так и ужасно. Хотя email-рассылка может отлично смотреться на рабочем столе компьютера, ее становится трудно читать, когда она сжимается до размеров маленького экрана. Узкие колонки, мелкий шрифт и нарушенная верстка — типичные проблемы.

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

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

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

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

— Расположить колонки друг под другом (по умолчанию)

— Расположить колонки друг под другом в обратном порядке

— Оставить колонки бок о бок

**Совет:** Функция «расположить колонки в обратном порядке» может быть полезна, если у вас несколько колонок с чередующимся текстом и изображениями. При выборе этой настройки для конкретной секции порядок колонок в мобильной версии будет изменен. Это позволяет вам самим определять порядок следования контентных блоков на мобильных устройствах.

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

## Расширенные настройки фоновых изображений

Эффектное фоновое изображение — отличный способ выделить любой раздел вашего письма. Однако иногда с фоновыми изображениями возникают трудности при изменении их размера или обрезке для экранов мобильных устройств.

У Campaign Monitor теперь есть решение — наши новые **настройки фоновых изображений**. Когда вы загружаете фоновое изображение для определенной секции письма, вы можете выбрать один из **двух вариантов размера**:

— Исходный размер (по умолчанию)

— По размеру секции (новое)

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

Посмотрите, какой эффект дает этот инструмент:

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

## Ссылки на SMS и телефонные номера

Мы создали новую функциональность, позволяющую добавлять ссылки на телефонный номер или отправку SMS к различным элементам дизайна письма, что упрощает прямую связь с вами для ваших подписчиков.

При нажатии на телефонную ссылку мобильное устройство предложит набрать номер. SMS-ссылка откроет приложение для обмена сообщениями с уже заполненным номером. Это идеально подходит для призывов к действию вроде «Позвоните нам сейчас» или «Отправьте SMS для регистрации».

Чтобы создать такие ссылки в конструкторе писем, просто добавьте в поле `tel:` или `sms:`, а затем — номер телефона. Не забудьте указать код страны и код города!

Узнайте больше в этой справочной статье.

## Больше советов и хитростей

Теперь, когда вы ознакомились с новейшими функциями конструктора писем, изучите наши 4 основных совета по созданию писем, адаптированных для мобильных устройств:

**Используйте адаптивный шаблон:** Адаптивный шаблон письма значительно упрощает задачу и гарантирует, что ваши письма будут безупречно отображаться на экране любого размера. Все шаблоны в Campaign Monitor являются адаптивными.

**Составляйте короткие темы писем:** На мобильном устройстве тема письма длиннее 30 символов часто обрезается. Это совсем немного места, поэтому пишите лаконичную и убедительную тему, которая достаточно заинтригует аудиторию, чтобы открыть письмо. Ознакомьтесь с этой записью в блоге, чтобы найти идеи по улучшению темы письма.

**Располагайте призыв к действию в центре внимания:** Размещайте кнопку или ссылку с призывом к действию ближе к верхней части письма. Чтобы обеспечить максимальную кликабельность на маленьком устройстве, размер кнопок должен составлять не менее 44 x 44 пикселя. В Campaign Monitor вы можете сделать это, выбрав средний или большой размер кнопки.

**Предварительно просматривайте письмо на разных устройствах:** Перед отправкой всегда полезно отправить тестовое письмо и проверить его на нескольких устройствах, чтобы убедиться в правильности форматирования контента.

## Заключение

При создании новой email-кампании крайне важно убедиться, что она оптимизирована для мобильных устройств. Дизайн, ориентированный на мобильные устройства, может привести к росту показателей открываемости и кликабельности, что способствует развитию вашего бизнеса. Мы надеемся, что эти удобные новые инструменты упростят создание мобильных рассылок, которые полюбят ваши подписчики.