Статті на: Контактні форми
Ця стаття також доступна на:

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

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


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


Зміст:

Зміна вигляду контактної форми

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

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


Зміна вигляду контактної форми


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

  1. Перейдіть на вкладку Вигляд, де ви зможете змінити розташування полів з вертикального на горизонтальне і навпаки:

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


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

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

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

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


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

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


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

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


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

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

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

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


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


Оновлено: 24/05/2025

Чи була ця стаття корисною?

Поділіться своїм відгуком

Скасувати

Дякуємо!