Настройка стиля контактной формы
Когда вы добавляете контактную форму, она автоматически подстраивается под общий стиль сайта. Однако вы можете настроить её по своему усмотрению, изменив дизайн кнопки и полей.
Подсказка: если вы хотите установить контактную форму на своём сайте, обратитесь к статье Добавление контактной формы.
Откройте редактор своего сайта, наведите на нужную контактную форму и нажмите на «бегунок»:
В окне настроек формы перейдите во вкладку Стиль и выберите раздел Кнопка:
Здесь вы сможете изменить текст, отображаемый в кнопке, а также его начертание — сделать текст жирным, добавить курсив или подчеркивание:
Подсказка: шрифт в кнопке автоматически подстраивается под общий шрифт сайта. Детальнее об этом вы можете почитать в статье Изменение шрифта на сайте.
Вы также можете выбрать стиль для кнопки, который вы настроили в глобальных настройках, или выбрать альтернативный:
Примечание: для того, чтобы изменить дизайн кнопок на сайте, обратитесь к статье Изменение дизайна кнопки.
Помимо этого вы можете добавить иконку в кнопку, а также изменить её выравнивание относительно текста:
Во вкладке Стиль в настройках формы перейдите в раздел Поля, чтобы отредактировать вид полей:
Здесь вы можете выбрать тип полей — как именно будут отображаться границы для полей:
Помимо этого, вы можете настроить цвет отдельно для каждого компонента в форме — границ, заливки, описания и самого текста в поле:
Не забудьте опубликовать свой сайт, чтобы изменения вступили в силу.
Подсказка: не забудьте персонализировать поля в контактной форме, следуя инструкциям в статье Настройка полей в контактной форме.
Подсказка: если вы хотите установить контактную форму на своём сайте, обратитесь к статье Добавление контактной формы.
Настройка дизайна кнопки контактной формы
Откройте редактор своего сайта, наведите на нужную контактную форму и нажмите на «бегунок»:
В окне настроек формы перейдите во вкладку Стиль и выберите раздел Кнопка:
Здесь вы сможете изменить текст, отображаемый в кнопке, а также его начертание — сделать текст жирным, добавить курсив или подчеркивание:
Подсказка: шрифт в кнопке автоматически подстраивается под общий шрифт сайта. Детальнее об этом вы можете почитать в статье Изменение шрифта на сайте.
Вы также можете выбрать стиль для кнопки, который вы настроили в глобальных настройках, или выбрать альтернативный:
Примечание: для того, чтобы изменить дизайн кнопок на сайте, обратитесь к статье Изменение дизайна кнопки.
Помимо этого вы можете добавить иконку в кнопку, а также изменить её выравнивание относительно текста:
Настройка дизайна полей контактной формы
Во вкладке Стиль в настройках формы перейдите в раздел Поля, чтобы отредактировать вид полей:
Здесь вы можете выбрать тип полей — как именно будут отображаться границы для полей:
Помимо этого, вы можете настроить цвет отдельно для каждого компонента в форме — границ, заливки, описания и самого текста в поле:
Не забудьте опубликовать свой сайт, чтобы изменения вступили в силу.
Подсказка: не забудьте персонализировать поля в контактной форме, следуя инструкциям в статье Настройка полей в контактной форме.
Обновлено на: 26/04/2024
Спасибо!