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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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