Настройка стиля контактной формы

Когда вы добавляете контактную форму, она автоматически подстраивается под общий стиль сайта. Однако вы можете настроить её по своему усмотрению, изменив дизайн кнопки и полей.

Подсказка: если вы хотите установить контактную форму на своём сайте, обратитесь к статье Добавление контактной формы.

Настройка дизайна кнопки контактной формы

Откройте редактор своего сайта, наведите на нужную контактную форму и нажмите на «бегунок»:



В окне настроек формы перейдите во вкладку Стиль и выберите раздел Кнопка:



Здесь вы сможете изменить текст, отображаемый в кнопке, а также его начертание — сделать текст жирным, добавить курсив или подчеркивание:



Подсказка: шрифт в кнопке автоматически подстраивается под общий шрифт сайта. Детальнее об этом вы можете почитать в статье Изменение шрифта на сайте.

Вы также можете выбрать стиль для кнопки, который вы настроили в глобальных настройках, или выбрать альтернативный:



Примечание: для того, чтобы изменить дизайн кнопок на сайте, обратитесь к статье Изменение дизайна кнопки.

Помимо этого вы можете добавить иконку в кнопку, а также изменить её выравнивание относительно текста:

Настройка дизайна полей контактной формы

Во вкладке Стиль в настройках формы перейдите в раздел Поля, чтобы отредактировать вид полей:



Здесь вы можете выбрать тип полей — как именно будут отображаться границы для полей:



Помимо этого, вы можете настроить цвет отдельно для каждого компонента в форме — границ, заливки, описания и самого текста в поле:



Не забудьте опубликовать свой сайт, чтобы изменения вступили в силу.

Подсказка: не забудьте персонализировать поля в контактной форме, следуя инструкциям в статье Настройка полей в контактной форме.

Обновлено на: 22/02/2021