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

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

 

 

Пункты меню оформления дополнились новым разделом - адаптивность.  


 

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

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

 


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

 

 

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

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

 


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

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

 


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

 

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

 

 

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

 


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

 

 

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

 

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

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


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

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

 

 

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

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

 

 

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

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

 


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

 

 

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

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

 

 

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

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

 


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