Оформление формы
Обновлено
Внешний вид формы настраивается на вкладке «Отображение» в настройках формы — без правки шаблонов и CSS.
Что можно настроить
Ширина и выравнивание. Форма растягивается на всю доступную ширину или ограничивается и встаёт по центру.
Карточка. Форма рисуется на подложке с фоном и тенью либо лежит прямо на странице.
Скругление углов. От прямых углов до заметно скруглённых — под оформление сайта.
Индикатор обязательных полей. Звёздочка, слово «обязательно» или ничего.
Расположение подписи. Название поля над полем или слева от него. Слева — компактнее, сверху — привычнее на мобильных.
Шрифты. Форма наследует шрифт сайта или использует свой.
Размер полей и кнопок. Готовые размеры от компактного до крупного.
Режим без отступов. Форма прижимается к краям контейнера. Нужен, когда она встраивается в готовый блок темы со своими отступами — иначе отступы складываются.
Анимации. Плавное появление полей и переходы. Отключаются целиком.
Цвета. Кнопка, рамки, акценты.
Предпросмотр
Рядом с настройками есть предпросмотр — форма показывается такой, какой её увидит посетитель.
У предпросмотра есть переключатель между встроенной формой и модальным окном. Это важно: раньше предпросмотр всегда показывал встроенную форму, и человек, настраивавший модалку, видел «в предпросмотре всё хорошо», а на сайте — другое.
Когда настроек не хватает
Если форма должна выглядеть ровно как остальной сайт, включите настройку «Отключить CSS»: приложение перестанет подключать свои стили, и форма унаследует оформление темы целиком.
Включайте только если в теме есть стили под форму — иначе она станет набором неоформленных полей.
Ещё два пути для точечной правки — свой CSS-идентификатор и свои CSS-классы формы. Они задаются на вкладке «Основные» и позволяют дописать нужное в стилях темы, не отключая оформление приложения.