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

Содержание:

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

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

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

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

1. Наведите курсор на контактную форму на вашем сайте и нажмите на «шестеренку»:

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

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

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

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

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

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

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

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

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

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

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

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

Последнее изменение: 24/05/2025