Настройки адаптивности емейл-рассылок в редакторе eSputnik - Support eSputnik

Пользовательские данные

Email

Омниканальность

Автоматизация

Отслеживание событий и поведения

Настройка адаптивности

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

Обратите внимание: адаптивность работает только в почтовиках, которые ее поддерживают.

Поддержка адаптивности

Общие настройки адаптивности

Во вкладке “Оформление” можно задать размеры текста, кнопок и отступов для всего письма.

Адаптивность

Чтобы сделать общие настройки адаптивности доступными, активируйте соответствующую опцию в разделе “Оформление” → “Общие настройки”.

Общие настройки

Настройка адаптивности отдельных элементов

Каждый базовый элемент шаблона имеет отдельные настройки адаптивности. Чтобы открыть их в левой панели, нажмите на элемент, который хотите настроить.

Скрытие элемента

Любой элемент письма можно скрыть при отображении на мобильном или десктопном экране. Например, можно уменьшить количество пунктов меню на мобильном:

Скрытие элемента

Отступ между контейнерами на мобильном

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

Отступы

Инверсия контейнеров на мобильном

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

Инверсия контейнеров на мобильном

Пример структуры с инверсией:

Структура с инверсией

Пример структуры без инверсии:

Структура без инверсии

Адаптивная структура

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

Адаптивная структура

Пример адаптивной структуры:

Адаптивные карточки товаров

Адаптивная картинка

Опция позволяет изображению подстроиться под ширину экрана мобильного устройства.

Адаптивная картинка

Центрирование текста и отступы

Можно задать отдельные настройки выравнивания текста и отступов на мобильной версии — для этого нажмите на иконку мобильного и внесите соответствующие параметры отображения письма.

Центрирование текста и отступы

Остались вопросы?
Специалисты обязательно ответят и помогут решить вашу проблему!
Обратный звонок
Оставьте заявку – и наш специалист свяжется с вами в рабочее время.
Отправить заявку
Консультация в чате
Готовы к вашим вопросам!
Написать в чат
Электронная почта
Напишите в службу поддержки eSputnik.
Отправить email