Перед тим як зберегти форму (або вже в процесі її редагування), ви можете налаштувати дизайн для неї.
🔍 Детальніше про те як створити нову форму з нуля, враховуючи всі параметри можна прочитати в окремій статті.
Отже, щоб форма виглядала привабливо та щоб користувачам було легко і приємно з нею взаємодіяти, у Uspacy можна легко налаштувати її зовнішній вигляд. Ви можете змінити кольори, шрифти, спосіб відображення полів і елементів тощо. Тобто налаштувати дизайн так, щоб процес заповнення був інтуїтивним і без зайвих труднощів.
Як налаштувати?
Отже, для того, щоб налаштувати дизайн форми на власний смак,
потрібно перейти в окрему вкладку вікна створення чи редагування. І там задати потрібні параметри вигляду.
🌟Робота з цим налаштуванням доступна лише на комерційних тарифах. Детальніше про можливості та функціонал тарифів можна ознайомитися на сторінці цін.
А саме:
Вибір теми та основних кольорів
Дозволяє задати колірний стиль як форми так і сторінки, де вона розміщується. Це може бути щось зі спокійними пастельними тонами. Або навпаки — яскраве та контрастне, щоб привернути максимум уваги.
🟣 Колір фону сторінки – визначає тло, на якому відображається форма, після її відкриття на окремій сторінці.
Можна вибрати серед запропонованих стандартних.
Або ж використати вбудовану панель вибору чи прописати код потрібного кольору вручну.
💡Як буде виглядати фон для сторінки можна буде побачити після публікації форми та відкриття її за посиланням.
🟣 Використовувати фон для форми – параметр, що дозволяє ввімкнути або вимкнути окреме тло для самої форми, щоб вона краще виділялася або навпаки гармонійно зливалася зі сторінкою.
Колір можна вибрати із запропонованих стандартних.
Або ж використати вбудовану панель вибору чи прописати код потрібного кольору вручну.
💡Як буде виглядати фон для форми можна побачити в режимі візуалізації як для комп’ютерної, так і для мобільної версії.
Налаштування кнопки
Дозволяє детально пропрацювати вигляд кнопки. Це допомагає зробити її помітною або ж навпаки більш стриманою, залежно від стилю форми.
⚙️Колір, текст та іконка кнопки є стандартними базовими складовими форми. Тому їх можна налаштувати окремо.
🔍 Детально ми це описали у статті ➡️ ТУТ.
🟣 Стиль кнопки – допомагає підібрати кнопку під загальний вигляд форми й ступінь її акценту на сторінці. Як це буде відображено у готовій формі можна одразу побачити в режимі візуалізації.
🟣 Заокрегленість кнопки – параметр, який визначає, наскільки плавними будуть кути кнопки. Як це буде відображено у готовій формі можна одразу побачити в режимі візуалізації.
🟣 Розмір – визначає, наскільки великою або компактною буде кнопка, щоб відповідати загальному стилю. Як це буде відображено у готовій формі можна одразу побачити в режимі візуалізації.
🟣 Розмір шрифту – визначає, наскільки великим буде текст на кнопці, щоб забезпечити зручність читання та візуальний акцент на дії. Як це буде відображено у готовій формі можна одразу побачити в режимі візуалізації.
🟣 Інтервал між літерами — відстань між символами тексту на кнопці. Можливість регулювати цей параметр допомагає покращити читабельність і загальний вигляд напису. Як це буде відображено у готовій формі можна одразу побачити в режимі візуалізації.
Налаштування полів
Дозволяє детально пропрацювати вигляд полів. Це допомагає зробити форму зручною для заповнення і привабливою для користувачів.
🟣 Стиль полів – візуальне оформлення полів у формі, яке включає цілісні рамки або тільки нижнє підкреслення. Правильний вибір стилю допомагає зробити поля гармонійними для загального дизайну форми.
Як це буде відображено у готовій формі можна одразу побачити в режимі візуалізації.
💡Зверніть увагу, що при виборі варіанту З підкресленням та з вимкненою опцією Приховати назву поля параметр Тест плейсхолдеру кожного з полів форми НЕ буде відображений у ній.
🟣 Заокругленість полів — параметр, який визначає ступінь скруглення кутів полів, що робить вигляд більш м’яким чи навпаки більш чітким. Як це буде відображено у готовій формі можна одразу побачити в режимі візуалізації.
Звісно більш помітно, якщо для форми в попередньому пункті вибрано обведені (рамкові) поля.
🟣 Розмір – визначає висоту і ширину полів форми, впливаючи на зручність заповнення і загальний вигляд. Як це буде відображено у готовій формі можна одразу побачити в режимі візуалізації.
🟣 Розмір тексту в полі – визначає, наскільки великим буде шрифт введеного користувачем тексту. Це допомагає покращити читабельність та адаптувати форму під різні стилі оформлення. Як це буде відображено у готовій формі можна одразу побачити в режимі візуалізації.
🟣 Опція Приховати назву поля – дозволяє вимкнути відображення наданої вами назви для поля у формі. Це може бути корисно для створення більш мінімалістичного дизайну або якщо сенс і так зрозумілий з контексту чи плейсхолдера.
Як це буде відображено у готовій формі можна одразу побачити в режимі візуалізації.
💡 А якщо у якості стилю для полів ви вибрали З обведенням, то при активації Приховати назву поля БУДЕ відображатися плейсхолдер.
Додаткові налаштування
Дають змогу точніше контролювати зовнішній вигляд форми на сторінці.
🟣 Розташування форми на сторінці – параметр відповідає за можливість вибрати як саме помістити форму. Наприклад, одразу зверху з невеликим відступом від рядка браузера. Або по центру сторінки.
💡Як це буде виглядати можна побачити після публікації форми та відкриття її за посиланням.
🟣 Опція Брендинг Uspacy – дозволяє увімкнути або вимкнути відображення логотипа нашого сервісу під формою. Як це буде відображено у готовій формі можна одразу побачити в режимі візуалізації.
🌟Керування цією опцію доступне лише на тарифі Професійний. Детальніше про можливості та функціонал тарифів можна ознайомитися на сторінці цін.
Як це працює?
Потрібно створити форму чи зберегти її, після внесення змін.
Тепер коли ви відкриєте форму за її посиланням, то всі внесені вами налаштування дизайну будуть враховані.