Чтобы настроить шрифты и цвета в письме, перейдите во вкладку «Настройки» в конструкторе.
Разберемся с ключевыми настройками письма.
1 — настройка ширины письма, 2 — цвет фона письма, 3 — цвет блока с контентом, 4 — шрифт, который будет применен ко всем блокам письма, если вы не укажете внутри блока с контентом другой шрифт, 5 — цвет ссылки для всего шаблона, если внутри блока вы не выберите другой цвет.
Первая настройка — это ширина письма. По умолчанию ширина письма — 500 пикселей, но вы можете установить нужное вам значение. Эта настройка регулирует ширину всего письма, то есть все строки будут такой ширины, которую вы укажете.
Ширина шаблона регулируется ползунком. Советуем делать письмо шириной не более 600 пикселей, чтобы оно корректно отображалось на всех устройствах.
Настраиваем ширину шаблона письма
Второй шаг — настройка цвета фона всего шаблона. Укажите hex-код цвета или подберите подходящий цвет в палитре. По умолчанию цвет фона будет белым.
Подбираем цвет фона по коду
Подбираем цвет фона шаблона в палитре
Третий шаг — устанавливаем цвет самого письма: перекрасятся все строки, но не фон за их пределами.
Здесь также, укажите hex-код цвета или подберите подходящий цвет в палитре.
Четвертый шаг — настройка шрифтов шаблона. Выберите шрифты в выпадающем меню из основных «безопасных» шрифтов. Это шрифты, которые максимально корректно отображаются во всех почтовых клиентах и браузерах.
Редкие шрифты добавить не получится, так как их не распознают браузеры и email-клиенты. Мы рекомендуем использовать в рассылке «безопасные» стандартные шрифты.
Настройка шрифтов
На последнем этапе указываем цвет ссылок в шаблоне. По умолчанию ссылки синие, но вы можете выбрать любой цвет.
Настройка цвет ссылок
Цвет шрифта по умолчанию будет черным, его можно поменять в конкретном текстовом блоке.
Рекомендуем взять цвета и стили с вашего сайта или из брендбука для разработки шаблона.
Полезные ссылки
Как попасть в новый конструктор
Как работает
Как собрать макет
Как отредактировать текст
Как вставить картинку
Как вставить кнопку
Как вставить соцсети
Как вставить видео
Как вставить GIF
Как сделать прехедер
Как посмотреть письмо перед отправкой
