> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Налаштування полів контактної форми

Контактні форми на сайті нагадують анкети, які покупці заповнюють під час замовлення послуг. Поля в цих формах мають збирати інформацію, яка важлива для вас як компанії і яка дозволить правильно обробити запит — наприклад, контактні дані покупця, обрані послуги/товари тощо. 

Таким чином, після того, як ви додали контактну форму на сайт, вам потрібно налаштувати її вигляд — додати чи видалити поля, а також зробити деякі з них обов’язковими для заповнення. 

${youtube}[Налаштування полів контактної форми](wTfIi3HzqWQ)


# Налаштування полів контактної форми

1. Наведіть курсором на контактну форму і натисніть на «шестерню», щоб відкрити її налаштування:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua1-1_1rjoynt.png)

2. Для того, щоб додати нове поле в форму, у вкладці **Вигляд** натисніть на **Додати поле**, а потім оберіть доречний для вашої форми — наприклад, електронна адреса, список опцій, поле для надсилання файлів:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua2_1dj7u7k.png)

3. Щоб перейти до налаштувань поля, натисніть на «шестерню» біля нього:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua3_12a3vkd.png)

4. Щоб змінити назву, яка буде відображатися над полем, змініть текст у першому рядку налаштувань, як показано нижче:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua4_snwwo.png)

5. У полях з контейнерами ви можете додати текст, який буде пояснювати ці контейнери. Цей текст зникне, коли відвідувач почне вводити інформацію:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua5_18naegn.png)

6. Для того, щоб додати розгорнутий опис поля, включіть опцію **Додати опис** у налаштуваннях і введіть потрібний опис в рядку нижче:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua6_1ea9w9d.png)

7. Для того, щоб зробити поле обов’язковим для заповнення, включіть опцію **Зробити обов’язковим**. Після цього біля назви рядка з’явиться «зірочка»:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua7_nses4b.png)

8. При увімкненні опції Зробити обов'язковим з'являється поле **Точне значення**. В цьому полі ви можете встановити пароль для вашої сторінки.

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua7d_112xgzp.png)

| ${color}[#1aa900](Підказка:) більше інформації про додавання та налаштування сторінки під паролем ви знайдете у статті [Створення сторінки під паролем](https://help.weblium.com/uk/article/stvorennya-storinki-pid-parolem-e57akb/).

9. Ви можете задати **Значення за замовчуванням** у відповідному полі. Цей текст уже буде введено в поле, коли форма відкриється, але відвідувач сайту може стерти або змінити те, що було вписано у полі за замовчуванням.

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua7b_i8ksv3.png)

10. Поле **Значення за замовчуванням** можна використовувати одночасно з опцією **Приховане поле**. У такому випадку, наприклад, можна підписати форму або вказати іншу додадкову і важливу для вас інформацію.

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua7a_o1c2rx.png)

11. Щоб встановити значення з параметра URL, додайте UTM-мітку у відповідне поле.

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua7c_801kni.png)

| ${color}[#1aa900](Підказка:) стаття [Збір UTM-міток за допомогою прихованого поля контактної форми](https://help.weblium.com/uk/article/zbir-utm-mitok-za-dopomogoyu-prihovanogo-polya-kontaktnoyi-formi-1gjei6j/) допоможе вам зрозуміти, як користуватися прихованими полями і налаштовувати UTM-мітки.

12. Для поля типу Телефон ви також можете встановити маску номера телефону — шаблон, який допомагає вводити номер у правильному форматі.
![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ukr_err8rt.png)
13. Аби видалити поле з форми, натисніть на іконку кошика біля неї:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua8_m234cn.png)

14. Ви також можете змінити порядок полів у контактній формі, «захопивши» поле і потягнувши його в потрібне місце:

![](https://storage.crisp.chat/users/helpdesk/website/fa84b4d83a50e800/ua9_qb0vzm.png)

| ${color}[#1aa900](Підказка:) налаштуйте дію контактної форми після того, як її було заповнено, згідно інструкціям у статті [Дії контактної форми після відправлення запиту](https://help.weblium.com/uk/article/diyi-kontaktnoyi-formi-pislya-vidpravlennya-zapitu-ev2zc5/).