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

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

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

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



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



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



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

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



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

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



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

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



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



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



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

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