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

Дані користувача

Email

Омніканальність

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

Відстеження подій та поведінки

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

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

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

Підтримка адаптивності

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

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

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

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

Загальні налаштування

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

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

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

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

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

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

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

Відступи

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

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

Інверсія

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

Структура з інверсією

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

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

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

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

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

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

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

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

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

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

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

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

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

Залишилися питання?
Спеціалісти обов'язково нададуть відповідь та допоможуть вирішити вашу проблему!
Зворотний дзвінок
Залишіть заявку – і наш спеціаліст зв'яжеться з вами в робочий час.
Відправити заявку
Консультація в чаті
Готові до ваших запитань!
Написати в чат
Електронна пошта
Напишіть в службу підтримки eSputnik.
Надіслати email