Свойства блоков
При клике на блок открывается панель его свойств. Панель собрана из секций — свёрнутых групп настроек, которые раскрываются кнопкой «+». У большинства блоков набор секций совпадает: отступы, размеры, фон, рамка, скругления, выравнивание и отображение. В этой статье они разобраны подробно; в статьях конкретных блоков даны краткие перечисления со ссылкой сюда, а специфичные свойства (ссылка у кнопки, колонки у блока и т.д.) описаны в статьях самих блоков.
Под панелью свойств расположены свёрнутые панели родительских элементов выбранного блока: «Колонка», «Блок» и «Полоса». Так можно перейти к настройкам любого уровня иерархии, не кликая по блоку на холсте.
Выравнивание
Выравнивание работает на двух уровнях:
- содержимого внутри контейнера — например, текста или изображения: по левому краю, по центру или по правому краю;
- блока в письме: по левому краю, по середине или по правому краю.
У блока с колонками доступно и вертикальное выравнивание содержимого: по верхнему краю, по середине или по нижнему.
Отступы
Секция «Отступы» задаёт внутренние отступы — расстояние от содержимого блока до границ его контейнера. По умолчанию настраиваются два значения: горизонтальный отступ (слева и справа) и вертикальный (сверху и снизу). Переключателем рядом с полями единые значения разбиваются на отдельные отступы для каждой стороны.
Секция «Внешние отступы» задаёт расстояние от границ блока до границ письма или соседних блоков. Она настраивается так же: одно значение или по сторонам.
Внутренние отступы есть практически у всех блоков; внешние — у контейнеров, например у блока. У таблицы, помимо отступов контейнера, есть отступы внутри ячеек.
Размеры
Размер задаётся для контейнера или элемента блока.
Ширина настраивается в процентах или пикселях: контейнер занимает указанную долю ширины письма. Высота указывается в пикселях.
У некоторых блоков размер вынесен в отдельные секции: у блока это ширины колонок и отступ между ними, у социальных сетей — размер логотипов, у классической карусели — высота изображений. Эти настройки описаны в статьях соответствующих блоков.
Фон
Секция «Фон контейнера» задаёт заливку или фоновое изображение на всю площадь контейнера. Цвет фона выбирается в палитре (см. «Выбор цвета»), вместо цвета можно загрузить изображение с устройства или из галереи Pixcraft.
Фон контейнера есть у текста, списка, меню, таблицы и блока. Свою заливку имеют и элементы блоков: фон кнопки, цвет фона логотипов социальных сетей, цвет фона полей формы.
Рамка и скругления
Секция «Рамка контейнера» добавляет рамку вокруг контейнера: для неё настраиваются цвет, толщина и стиль линий. По умолчанию рамки нет — чтобы добавить её, нажмите «+» в секции.
Секция «Скругления контейнера» задаёт радиус скругления углов контейнера. По умолчанию указывается одно значение для всех углов; переключателем можно задать скругление отдельно для каждого угла.
Рамка и скругления контейнера есть у текста, изображения, списка, меню и блока. Свои рамки и скругления есть и у элементов блоков: у кнопки, логотипов социальных сетей, полей формы.
Отображение
Секция «Отображать» определяет, где будет показан блок. Настройка состоит из двух рядов переключателей:
- версия письма: Везде — блок попадает и в HTML-, и в AMP-версию; AMP — только в AMP-версию; HTML — только в HTML-версию;
- устройство: Везде, Десктоп или Мобильный.
Скрытые комбинации в письмо не попадают. Это удобно, когда разным версиям письма нужен разный контент: например, на мобильных устройствах показать одно изображение, а на десктопе — другое.
У AMP-компонентов — карусели и формы — HTML-версии нет: такой блок не отображается в HTML-письмах, поэтому ряда «версия письма» в их настройках нет.
Выбор цвета
Цвет фона, рамок, текста и других элементов выбирается в палитре: градиентное поле насыщенности, шкала оттенка и поле HEX-кода.
Рядом с полями выбора цвета доступна пипетка: она берёт цвет из любой точки экрана, в том числе за пределами окна браузера. Пипетка работает только в Chrome-подобных браузерах.