# Данные и вид
(*Статья находится в стадии редактирования )*
**Переходим в Настройка - веб формы - Добавить.**
Перед вами три квадрата. Начнем с "**Данные и вид**"\
Прописываем произвольное имя формы (просто название формы) и нажимаем Добавить.
{% hint style="success" %}
Вы можете создавать несколько форм для каждой страницы сайта и сайтов тоже может быть несколько.
{% endhint %}
## Данные
На этом шаге формируем список полей, которые будут присутствовать в форме, их порядок.
Например: Имя контакта, Телефон, Email, Наименование компании.\
Отмечаем, какие поля будут обязательными для заполнения, устанавливая тумблер в зеленое положение или наоборот выключаем.
Чтобы удалить поле нажимаем на корзину.
Нажимаем Продолжить - переход на следующий шаг - Внешний вид
\
**Внешний вид формы**
---------------------
Вы можете задать:
* Цвета шрифтов, бордеров, кнопки и тд.
* Задать округление краям формы и будет ли виден бордер
* Изменить наименование полей
* Размер шрифта и тд.
Справа вы видите, как будет выглядеть ваша форма.
Чтобы переименовать заголовки полей, установите курсор в нужном поле прямо на форме и введите свое наименование.\
\
По необходимости вы можете включить защиту от спама **reCAPTCHA.** Для этого переключаем тумблер в зеленое положение.\
Нажимаем продолжить.
## **Код вставки на сайт**
В поле: **Указать согласие на обработку персональных данных**, вы можете включить тумблер и указать ссылку на документ.
{% hint style="info" %}
Позаботьтесь заранее о размещении на своем сайте (или на другом ресурсе) файла или создаете готовую страницу с текстом согласия на обработку данных. И после того, как все будет готово, в настройках формы просто указываете ссылку на свой документ. (по необходимости)
{% endhint %}
**Работа с несколькими формами на странице.**
Если у вас на одной странице сайта вы планируете разместить несколько форм, то для каждой новой формы укажите его порядковый номер.
{% hint style="info" %}
На одной странице сайта можно разместить до 5 форм. На другой странице сайта еще 5 и так далее. Ограничений по количеству сайтов/лендинг страниц нет. Дублировать форму на одной странице нельзя.
{% endhint %}
**Позиция формы на сайте** - это позиционирование формы на странице вашего сайта: справа, слева, в центре.
{% hint style="info" %}
Если в процессе работы сайта вы решили изменить что-то в web форме, достаточно войти в настройки формы во FreshOffice, внести правки и сохранить. На вашем сайте все изменения вступят в силу автоматически
{% endhint %}
**Копируем готовый код и размещаем на своем сайте.**\
Обратите внимание, что у вас есть возможность скопировать прямую ссылку на форму и делится с ней напрямую например в социальных сетях, вы можете разместить ссылку к Посту в соц сети, отправить в мессенджер и прочее.
Это удобно, если у вас нет сайта, но вы хотите структурировать поток ваших клиентов через форму.
{% hint style="warning" %}
**Важно:** Не забудьте, пожалуйста, сохранить настройки.
{% endhint %}
{% hint style="success" %}
Что делать, если со временем вы решили изменить параметры сбора данных в веб форме? Например, исключить поле e-mail или наоборот добавить? Достаточно просто внести правки в настройке формы во FreshOffice. На сайте менять ничего не надо, все автоматически 🦄 изменится.
{% endhint %}
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://help.myfreshcloud.com/integration/webform/view.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.