> For the complete documentation index, see [llms.txt](https://help.myfreshcloud.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.myfreshcloud.com/integration/webform/view.md).

# Данные и вид

(*Статья находится в стадии редактирования )*

**Переходим в Настройка - веб формы - Добавить.**

Перед вами три квадрата. Начнем с "**Данные и вид**"\
Прописываем произвольное имя формы (просто название формы) и нажимаем Добавить. 

{% hint style="success" %}
Вы можете создавать несколько форм для каждой страницы сайта и сайтов тоже может быть несколько.
{% endhint %}

## Данные 

На этом шаге формируем список полей, которые будут присутствовать в форме, их порядок. 

Например: Имя контакта, Телефон, Email, Наименование компании.\
Отмечаем, какие поля будут обязательными для заполнения, устанавливая тумблер в зеленое положение или наоборот выключаем. 

Чтобы удалить поле нажимаем на корзину.

Нажимаем Продолжить - переход на следующий шаг - Внешний вид<br>

![](/files/-MVviXfc5Zaru9jIxCSs)

\
**Внешний вид формы**
---------------------

Вы можете задать:

* Цвета шрифтов, бордеров, кнопки и тд.
* Задать округление краям формы и будет ли виден бордер
* Изменить наименование полей
* Размер шрифта и тд.

Справа вы видите, как будет выглядеть ваша форма.

Чтобы переименовать заголовки полей, установите курсор в нужном поле прямо на форме и введите свое наименование.\
\
По необходимости вы можете включить защиту от спама **reCAPTCHA.** Для этого переключаем тумблер в зеленое положение.\
Нажимаем продолжить.

![](/files/-MVytmnnfsKRoTc-jdlX)

## **Код вставки на сайт**

В поле: **Указать согласие на обработку персональных данных**, вы можете включить тумблер и указать ссылку на документ.&#x20;

{% hint style="info" %}
Позаботьтесь заранее о размещении на своем сайте (или на другом ресурсе) файла или создаете готовую страницу с текстом согласия на обработку данных. И после того, как все будет готово, в настройках формы просто указываете ссылку на свой документ. (по необходимости)
{% endhint %}

**Работа с несколькими формами на странице.**

Если у вас на одной странице сайта вы планируете разместить несколько форм, то для каждой новой формы укажите его порядковый номер.

![](/files/-MVyuyVA65ikUlFVjagS)

{% hint style="info" %}
На одной странице сайта можно разместить до 5 форм. На другой странице сайта еще 5 и так далее. Ограничений по количеству сайтов/лендинг страниц нет.  Дублировать форму на одной странице нельзя.
{% endhint %}

**Позиция формы на сайте** - это позиционирование формы на странице вашего сайта: справа, слева, в центре.&#x20;

{% hint style="info" %}
Если в процессе работы сайта вы решили изменить что-то в web форме, достаточно войти в настройки формы во FreshOffice, внести правки и сохранить. На вашем сайте все изменения вступят в силу автоматически &#x20;
{% endhint %}

![](/files/-Mf98E84PZbI-Te0sJ2g)

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

Это удобно, если у вас нет сайта, но вы хотите структурировать поток ваших клиентов через форму.

{% hint style="warning" %}
**Важно:** Не забудьте, пожалуйста, сохранить настройки.
{% endhint %}

![](/files/-MUggfTZjCo-yIoVsp6W)

{% hint style="success" %}
Что делать, если со временем вы решили изменить параметры сбора данных в веб форме? Например, исключить поле e-mail или наоборот добавить? Достаточно просто внести правки в настройке формы во FreshOffice. На сайте менять ничего не надо, все автоматически 🦄 изменится.
{% endhint %}