> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://support.support-vigbo.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). # Форма ${frame}[](https://player.vimeo.com/video/289257644?title=0&byline=0&portrait=0) Виджет **Форма** можно использовать, если вы хотите создать форму обратной связи, через которую посетители сайта смогут отправлять вам сообщения. Вы можете добавлять свои поля в форму, задавать имя полей, настраивать оформление для полей и кнопки формы. Рассмотрим процесс пошагово. 1. Добавление формы. Создайте страницу с типом **Новая страница** и добавьте виджет **Форма**, перетащив его в нужную область страницы. ![screen-72.png](https://storage.crisp.chat/users/helpdesk/website/-/7/8/c/1/78c145d413357800/c211fa6e-390a-4622-92f5-0154c0_1jtya3z.png) Виджет **Форма** будет добавлен с уже определенным набором полей. Вы можете изменить этот список для вашей формы. 2. Добавление и редактирование полей формы. Для изменения списка полей виджета **Форма** перейдите в режим редактирования, нажав на иконку шестеренки справа вверху. Для создания нового поля нажмите кнопку **Добавить поле**, выберите нужный вид поля и укажите для него имя. Редактирование созданного поля доступно по клику на символ карандаша. ![screen-91.png](https://storage.crisp.chat/users/helpdesk/website/-/c/3/e/a/c3ead4c141246000/83ee076f-29e5-4a9e-8996-2da505_13m7lge.png) Для формы обратной связи доступно создание следующих видов полей: * **Текст** - поле для ввода одной строки текста, его можно использовать для номера телефона, адреса, имени и др. * **Многострочный текст** - поле для ввода нескольких строк текста. Его можно использовать для комментария или сообщения. * **E-mail** - поле для ввода E-mail адреса. * **Выпадающий список** - список из нескольких созданных пунктов. Используете его, если необходимо предоставить возможность выбора для клиентов из определенного списка. Для каждого поля выпадающего списка вы можете добавит не более 10 вариантов ответов. * **Чекбокс** - галочка для выбора или подтверждения. Например: «Я согласен с условиями договора». * **Загрузка файла** - для добавления вложенного файла к сообщению. Для одной формы можно добавить только одно поле загрузки файлов, оно будет всегда отображаться в конце формы. Ваши клиенты смогут загрузить один или несколько файлов, суммарным размером не более 25Мб. Доступный формат файлов: **jpg, jpeg, png, gif, pdf, doс, docx, xls, xlsx**. ![screen-92.png](https://storage.crisp.chat/users/helpdesk/website/-/2/2/b/2/22b29d5f211c9600/9164253b-dfd2-4822-8248-8c1a8f_1xp60yy.png) Тип поля отображается также в списке созданных полей. ![Screenshot-614.png](https://storage.crisp.chat/users/helpdesk/website/-/1/d/f/4/1df41d420df8f50/99f233a8-7e45-4ca9-bd5e-d0f818_va8ym4.png) Удалить поле формы можно, кликнув на иконку корзины напротив поля. ![screen-93.png](https://storage.crisp.chat/users/helpdesk/website/-/7/8/5/5/7855dd167ffe6000/964a6c41-b017-42f3-957c-7a576b_1ht5e3x.png) Для формы вы можете задать вид в 1 или 2 столбца. Для перемещения полей во второй столбец вам достаточно перетащить поле, захватив его за символ стрелочек. ![screen-94.png](https://storage.crisp.chat/users/helpdesk/website/-/f/0/f/e/f0fe178675a43000/6c888c81-ffe8-4888-a6ca-655c45_1k0el9u.png) 3. Email для уведомлений. В настройках формы вы можете указать email, на который вам будут приходить сообщения. Если вы хотите получать сообщения из формы на несколько адресов, то достаточно указать их через запятую. ![screen-95.png](https://storage.crisp.chat/users/helpdesk/website/-/6/6/7/2/6672624960bfe800/5c112f8b-4034-490e-9f77-a91e03_13vdzik.png) 4. Редактирование сообщений формы. Под кнопкой отправки формы вы можете добавить подсказку или примечание для пользователя. Также можно добавить текст, который будет показан пользователю после заполнения и отправки формы. ![screen-96.png](https://support.vigbo.tech/hc/article_attachments/5886708904466/screen-96.png) В полях **Текст под кнопкой отправки формы** и **Текст после отправки формы** можно указать ссылку на страницу на сайте или ссылку на другой сайт. Ссылка в поле **Текст после отправки формы** может вам понадобится, если вы хотите предоставить доступ посетителю к какой-то информации после отправки формы. Например, чтобы узнать цены, посетитель должен заполнить форму и после этого сможет получить ссылку на прайс-лист. 5. Перенаправлять по ссылке после отправки формы. Активируйте эту галочку, если необходимо перенаправить пользователя на какую-то страницу на вашем сайте или другой сайт автоматически после отправки формы. Например, это может быть страница благодарности, которую должен увидеть пользователь сразу после отправки формы или страница с информацией, которая должна быть доступна только после отправки заявки. ![screen-107.png](https://support.vigbo.tech/hc/article_attachments/5901461074962/screen-107.png) > **ВАЖНО:** если ссылка ведет на сторонний сайт, то указывайте полный адрес ссылки с доменом, например, **https://vigbo.com/templates** Если переход должен быть на страницу на вашем сайте, указывайте в качестве ссылки только адрес страницы без доменного имени, в начале ссылки должен быть символ **/** Пример: **/spasibo** 6. Скрытие формы в Pop-up. Вы можете настроить отображение формы во всплывающем окне по клику на кнопку. Для этого достаточно установить галочку в поле **Открывать форму во всплывающем окне**. Здесь же вы можете задать остальные настройки всплывающей формы. ![Screenshot-611.png](https://support.vigbo.tech/hc/article_attachments/360017788579/Screenshot-611.png) 7. Добавьте код отслеживания событий (при необходимости). Подробнее о настройке событий и целей можно почитать в соответствующих руководствах раздела [Статистика сайта](https://support.vigbo.com/hc/ru/sections/115000274091). ![Screenshot-612.png](https://support.vigbo.tech/hc/article_attachments/360017788759/Screenshot-612.png) 8. Редактирование дизайна и цветовых настроек формы. Во вкладке **Оформление** вы можете изменить вид формы и задать для нее цветовые настройки. ![screen-108.png](https://support.vigbo.tech/hc/article_attachments/5901489006994/screen-108.png) Цвет текста после отправки формы регулируется настройкой **Цвет текста без поля**. ![Screenshot-610.png](https://support.vigbo.tech/hc/article_attachments/360017779520/Screenshot-610.png)