Налаштування стилю контактної форми

Кожна нова контактна форма, яку ви додаєте, автоматично підлаштовується під загальний стиль сайту. Проте ви можете відредагувати її, змінивши дизайн кнопки та полів.

Підказка: якщо ви тільки починаєте роботу з контактними формами, ось як ви можете додати їх на свій сайт: Додавання контактної форми.

Зміна дизайну кнопки в контактній формі

Аби змінити кнопку в формі, наведіть курсором на саму форму і натисніть на «шестерню»:



У вікні налаштувань форми перейдіть у вкладку Стиль і оберіть розділ Кнопка:



Тут ви можете змінити текст, що відображається в кнопці, а також його типографіку — наприклад, зробити текст жирним, додати курсив чи підкреслення:



Підказка: шрифт кнопки автоматично підлаштовується під загальний шрифт на сайті. Більше деталей ви знайдете в статті Зміна шрифту на сайті.

Ви також можете обрати стиль для кнопки, який визначається загальними налаштуваннями стилю сайту, або обрати альтернативний:



Примітка: для того, щоб змінити глобальний дизайн кнопок на сайті, зверніться до статті Зміна дизайну кнопки.

Окрім цього, ви також можете додати іконку в кнопку і вирівняти її відносно тексту:

Зміна дизайну полів у контактній формі

У вкладці Стиль у налаштуваннях форми перейдіть у розділ Поля — там можна буде відредагувати вигляд полів:



Тут ви можете обрати тип полів — тобто який вигляд матимуть їхні межі:



Окрім цього, ви можете налаштувати колір окремо для кожного компонента в формі — для меж, заливки, опису і самого тексту в полі:



Опублікуйте сайт, аби застосувати всі зміни.

Підказка: персоналізуйте поля в контактній формі згідно інструкцій статті Налаштування полів контактної форми.

Оновлено: 27/05/2022