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

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

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

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

Адаптивность для писем

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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