Налаштування адаптивності

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

Зверніть увагу: адаптивність працює лише у поштовиках, що її підтримують.

Загальні налаштування адаптивності

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

Щоб зробити загальні налаштування адаптивності доступними, активуйте відповідну опцію у розділі “Оформлення” → “Загальні налаштування”.

Налаштування адаптивності окремих елементів

Кожен базовий елемент шаблону має окремі налаштування адаптивності. Щоб відкрити їх у лівій панелі, натисніть на елемент, який потрібно налаштувати.

Приховування елемента

Будь-який елемент листа можна приховати при відображенні на мобільному або десктопному екрані. Наприклад, можна зменшити кількість пунктів меню на мобільному:

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

Відступи відіграють важливу роль у створенні легкочитаного та естетично приємного дизайну електронних листів, особливо коли йдеться про перегляд на мобільних пристроях з їх обмеженим простором.

Інверсія контейнерів на мобільному

Інверсія змінює порядок розташування елементів листа на мобільних пристроях, що робить контент зручнішим для сприйняття.

Приклад структури з інверсією:

Приклад структури без інверсії:

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

Використання адаптивної структури перебудовує контейнери так, що вони знаходяться один під одним.

Приклад адаптивної структури:

Адаптивність зображення

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

Центрування тексту та відступи

Можна встановити окремі налаштування вирівнювання тексту та відступів на мобільній версії – для цього натисніть на іконку мобільного та внесіть відповідні параметри відображення листа.