Cтворення оформлення для листа | Support eSputnik

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

Email

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

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

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

Cтворення оформлення для листа

Створити лист у нашому редакторі можна трьома методами:

  1. Вибрати один із підготовлених шаблонів.
  2. Безкоштовно отримати базовий шаблон у стилі вашого сайту. Для цього напишіть на адресу support@esputnik.com.
  3. Розробити новий шаблон власноруч.

Щоб створити дизайн листа з нуля, можна скористатися функцією “Оформлення”.

Як встановити оформлення одразу для всього листа

Налаштування стилів елементів емейла здійснюється в окремій вкладці "Оформлення". Внесені зміни застосовуються до всього листа.

Оформлення для всього листа

Розділ “Загальні налаштування”

У цьому розділі можна встановити ширину емейла, налаштувати загальні відступи, колір фону і контенту листа:

1. Ширина листа – за замовчуванням встановлено значення 600 px. Це оптимальний параметр для коректного відображення емейла.

2. Вирівнювання – положення контентної частини листа на екрані.

3. Відступи – під час роботи з готовим шаблоном зміни у цій вкладці будуть застосовані тільки до нових структур, доданих до листа із вкладки “Контент”, або після додавання нових смуг.

4. Колір фону листа – можна встановити кількома способами: вибрати колір фону листа, завантажити власне фонове зображення або вибрати з банку зображень.

Колір фону листа

5. Шрифт – у цій вкладці можна встановити розмір і вигляд шрифту для контенту всього листа. Шрифт заголовків налаштовується у наступному розділі.

6. Інтервал – має бути таким, щоб користувачеві було комфортно читати текст і клікати посилання. Мінімальний інтервал є придатним для списків.

7. Відокремлення абзацу – збільшує/зменшує відступ між абзацами.

8. Підкреслення посилань – увімкнено за замовчуванням. Щоб його прибрати, достатньо перемкнути повзунок.

9. Адаптивність – ця функція робить email адаптивним на мобільному девайсі одержувача.

10. RTL-текст – вирівнювання тексту за правим краєм. Ця функція є важливою для коректного відображення тексту справа наліво для арабської мови, фарсі та івриту.

11. Фонове зображення – тут можна додати фонове зображення для всього листа.

Примітка

Деякі поштові клієнти (Windows 10 Mail, Android 4.4, Gmail додаток для iOS та Android) не підтримують фонові зображення. Ми рекомендуємо вибирати колір, подібний до основного кольору фонового зображення, як резервний варіант.

Фонове зображення для всього листа

Значення можна встановити у % або пікселях. Якщо картинка маленька, вона дублюватиметься за висотою та шириною. Краще брати безшовні зображення, щоб фон виглядав цілісним.

Додати фон для листа

Важливо

У процесі створення листа можна змінювати будь-яку частину оформлення безпосередньо в контенті. Параметри, встановлені у вкладці “Контент”, матимуть вищий пріоритет, ніж в “Оформленні”.

Оформлення для кожної структури

Розділ “Смуги”

У цьому розділі можна оформити хедер, контент, футер, інфообласть. Доступні такі налаштування: розмір тексту, відокремлення абзацу, відступ, колір фону контенту, тексту та посилань, фонове зображення.

Розділ “Смуги”

Розділ “Заголовки”

У цьому розділі можна змінити зовнішній вигляд заголовків у листі, вибравши для кожного потрібні параметри: шрифт, колір, інтервал, відступ.

Розділ “Заголовки”

Розділ “Кнопка”

Для кнопок доступні такі опції:

  • колір – основний колір кнопки та тексту, а також їхній колір при наведенні;

Налаштування кнопок

  • підтримка Outlook - опція надає можливість забезпечити максимально точне відображення кнопок у поштових клієнтах MS Outlook за рахунок додавання спеціального VML-коду. При активації опції розмір листа може бути збільшений до кілобайта за кожну додану кнопку;
  • стиль тексту – шрифт, розмір, написання;
  • заокруглення – для точного відображення властивості в Outlook треба активувати опцію “Підтримка Outlook”.
  • межа – можна налаштувати як загальну для кнопки, так і для кожної сторони окремо;
  • внутрішні відступи – можна налаштувати кожен із відступів.

Межі кнопки

  • Посилання на кнопку та її назва додаються у вкладці “Контент”:

Посилання для кнопки

Більше деталей про створення кнопки >

Розділ “Адаптивність”

Ці налаштування спрацьовуватимуть лише у мобільній версії листа у поштових програмах, що підтримують медіастилі. У цьому розділі можна встановити:

  • розмір тексту й відступ для хедера, контенту, футера, інфообласті;
  • розмір шрифту й відступів для заголовків;

Розділ “Адаптивність”

  • розмір кнопки та її ширину;

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

  • відступ навколо листа.

Важливо

Розмір шрифту, зазначений у розділі “Загальні”, відображатиметься на мобільних девайсах у посиланнях як шрифт за замовчуванням.

Адаптивність перебудовує відображення листа з десктопної версії на мобільну.

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

Більше деталей про налаштування адаптивності ви знайдете у цій статті >

Після збереження емейла знайти цей шаблон можна у вкладці "Збережені шаблони".

Збережений шаблон

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