> 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>

![](https://3485554988-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MSN3oAZUyyVkTgcYxfX%2F-MVvhgKIsYPRj0hWVGpH%2F-MVviXfc5Zaru9jIxCSs%2FGroup%20545.png?alt=media\&token=7eae7abf-79e4-456c-8c7c-761daaee396c)

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

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

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

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

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

![](https://3485554988-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MSN3oAZUyyVkTgcYxfX%2F-MVyte8a3jmse5QaZK-c%2F-MVytmnnfsKRoTc-jdlX%2F%D0%A1%D0%BD%D0%B8%D0%BC%D0%BE%D0%BA%20%D1%8D%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202021-03-17%20%D0%B2%2009.33%201.png?alt=media\&token=f7d393aa-93b1-448d-9eec-fde2e5454a7e)

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

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

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

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

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

![](https://3485554988-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MSN3oAZUyyVkTgcYxfX%2F-MVyte8a3jmse5QaZK-c%2F-MVyuyVA65ikUlFVjagS%2FGroup%20546.png?alt=media\&token=dcb6c2dc-c5ac-47de-b674-769d72a48ca6)

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

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

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

![](https://3485554988-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MSN3oAZUyyVkTgcYxfX%2F-Mf92GKR-1h4QfuNHSMe%2F-Mf98E84PZbI-Te0sJ2g%2Ficons8-%D0%BC%D0%B0%D0%BD%D0%B0-48.png?alt=media\&token=44b4e0ae-fadf-44f6-b784-e17505b4c6e0)

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

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

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

![](https://3485554988-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MSN3oAZUyyVkTgcYxfX%2F-MUgfck96v_t87gUPUD4%2F-MUggfTZjCo-yIoVsp6W%2Fimage.png?alt=media\&token=22d14f1a-65a0-4ecd-98ce-6c943b677f0b)

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