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