Создание оформления для письма

Создать письмо в нашем редакторе можно тремя способами:

1. Выбрать один из 350+ предзаготовленных шаблонов.

2. Получить бесплатно базовый шаблон в стиле вашего сайта. Для этого напишите на support@esputnik.com

3. Подготовить новый шаблон самостоятельно.

Если вы хотите создавать письмо с нуля, рекомендуем воспользоваться функцией "Оформление", которая значительно упростит и ускорит создание базового шаблона.

Как задать оформление сразу всему письму

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

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

Раздел “Общие”

В этом разделе вы можете установить ширину письма, задать общие отступы, цвета фона и контента письма: 

Раздел "Общие"

Здесь же можно установить размер и вид шрифта контента для всего письма. Шрифт заголовков задается в следующем разделе.

Размер и вид шрифта контента

Интервал в оформлении сразу ставьте таким, чтобы пользователю было удобно читать текст и, если есть ссылки, - кликать по ним.

Самый минимальный интервал больше подходит для списков.

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

Помимо стандартных шрифтов, которые поддерживаются и отображаются во всех почтовиках, есть возможность добавить нестандартные шрифты:

Добавление шрифтов

Если почтовый клиент не поддерживает нестандартный шрифт, вместо него будет использоваться аналогичный стандартный шрифт.

Важно: в процессе создания письма вы можете менять любую часть оформления непосредственно в контенте:

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

Указанные здесь параметры будут приоритетнее, чем в оформлении.

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

Фоновая картинка для всего письма

Если картинка маленькая, она будет дублироваться по высоте и ширине. Лучше брать бесшовные (стыкуемые) картинки, чтобы подложка выглядела цельной

Добавить фон для письма

Также в новом редакторе добавлена функция адаптивности для Gmail App, так как это приложение имеет свои особенности.

Адаптивность для Gmail App

Это связано с тем, что приложение Gmail App имеет встроенную функциональность по адаптации писем на мобильных устройствах, но реальную адаптивность с media запросами приложение не поддерживает. Из-за этого ограничения мы добавляем специальную верстку, которая создает уменьшенную desktop-ную версию письма на мобильном устройстве. По умолчанию эта функция включена.

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

Изменить внешний вид заголовков в письме можно в этом разделе, прописав каждому нужные параметры:

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

Раздел “Хедер”

Для выделения области хедера в письме вы можете изменить ее в этом разделе, с помощью цвета фона контента, текста и ссылок:

Раздел “Хедер”

Раздел “Футер”

Футер в письме можно изменить по аналогии с хедером, прописав цвет фона контента, текста и ссылок: 

Футер в письме

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

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

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

Ссылка на кнопку и ее название добавляется на вкладке “Контент”:

Ссылка для кнопки

Читать подробнее как создать кнопку >>

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

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

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

Важно: размер шрифта, который вы указываете в разделе “Общие”,  будет на мобильных устройствах отображаться в ссылках, как шрифт по умолчанию

Адаптивность перестраивает отображение письма с десктопной версии: 

Веб версия письма

на мобильную:

Мобильная версия письма

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