Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages

Как настроить шрифты и цвета

Вы здесь:

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

Переходим во вкладку «Настройки» (Settings) в новом конструкторе.

Вкладка Настройки

Разберемся с ключевыми настройками письма.

Основные настройки

Первая настройка — это ширина письма. По умолчанию ширина письма — 500 пикселей, но вы можете установить нужную вам ширину. Эта настройка регулирует ширину всего письма, то есть все строки будут такой ширины, которую вы укажете здесь. 

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

Регулировка ширины шаблона

Как меняется ширина шаблона письма

Второй шаг — настройка цвета фона всего шаблона. Можно указать hex-код цвета или подобрать подходящий цвет в палитре. По умолчанию цвет фона будет белым.

Выбор цвета фона шаблона по коду

Подбираем цвет шаблона по коду

Выбор цвета фона шаблона в палитре

Подбираем цвет фона в палитре

Третий шаг — установить цвет самого письма: перекрасятся все строки, но не фон за их пределами.

Здесь также, можно указать hex-код цвета или подобрать подходящий цвет в палитре.

Цвет фона всех строк

Четвертый шаг — настройка шрифтов шаблона. Выбираем шрифты в выпадающем меню. Сейчас доступен список основных «безопасных» шрифтов. Это шрифты, которые максимально корректно отображаются во всех почтовых клиентах и браузерах. 

Редкие шрифты добавить не получится, так как их не распознают браузеры и email-клиенты. Мы рекомендуем использовать в рассылке «безопасные» стандартные шрифты.

Настройка шрифтов

Настройка шрифтов

На последнем этапе вам нужно указать цвет ссылок в шаблоне. По умолчанию ссылки синие, но вы можете выбрать любой цвет.

Настройка цвет ссылок

Настройка цвета ссылок

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

Мы рекомендуем взять цвета и стили с вашего сайта или из брендбука для разработки шаблона.

Полезные ссылки

Как попасть в новый конструктор
Как работает
Как собрать макет
Как отредактировать текст
Как вставить картинку
Как вставить кнопку
Как вставить соцсети
Как вставить видео
Как вставить GIF
Как сделать прехедер
Как посмотреть письмо перед отправкой

Оцените, на сколько вам показалась полезной статья «Как настроить шрифты и цвета»
(1)