# Формы для сайта

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2Fa1aE8lOIifReqNzrukIJ%2F2944565251.png?alt=media&#x26;token=c07e024c-8ea0-43e0-bb27-0454ea763eff" alt=""><figcaption></figcaption></figure>

* Перейдите в раздел «Маркетинг», а затем на вкладку «Формы для сайта»
* Вы окажетесь на странице со списком всех форм для сайта, созданных в рамках текущего проекта. Здесь можно добавить новую форму, отредактировать существующую, а также скопировать теги, которые понадобятся для вызова или получения данных конкретной формы.

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2F2hUSTfbtwI2dnVcy8E4e%2F2945024001.png?alt=media&#x26;token=62325469-e1d9-4ac9-9727-d3fae6a3a449" alt=""><figcaption></figcaption></figure>

## Новая форма для сайта

* Нажмите «+ Форма для сайта» в правом верхнем углу страницы со списком форм.
* Откроется модальное окно, где обязательно нужно ввести название и придумать уникальный идентификатор формы. В последствии эту информацию можно будет отредактировать.
* Нажмите «Создать», чтобы перейти к настройкам формы.

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FijGY5bwxkAiQ7i0oP6xV%2F2944925699.png?alt=media&#x26;token=54cd84b7-885b-4f9a-a9a2-ae81f61d37dd" alt=""><figcaption></figcaption></figure>

1. Название - наименование формы для отображения в общем списке и поиска;
2. Короткое описание - поле для дополнительной информации, отображается в общем списке рядом с названием (Необязательное поле);
3. Уникальный идентификатор - нужен для работы с определенной формой в контексте пользователя. Генерируется сам при создании названия, но можно и редактировать.

Прекрасно 🎉 Новая форма создана, теперь ее нужно настроить.

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2Fh1qrUjJlpBmlC5BMeTKZ%2F2945417217.png?alt=media&#x26;token=f62a3189-f3ba-4a9a-9f95-fe5644e0d765" alt=""><figcaption></figcaption></figure>

Настройки: Общие настройки для формы## Настройки

Общие настройки для формы

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2Ft6X9R50P7K55T7Ol1Jwe%2F2945744897.png?alt=media&#x26;token=fd83d775-0398-4aa8-a159-b45fedf11fb0" alt=""><figcaption></figcaption></figure>

Язык - Язык интерфейса веб-формы.

Диплинк - Выбор диплинка из созданных на проекте.

Получать уведомления на email - Возможность получать на почту оповещения о каждой заполненной форме.

> **Примечание:** Код для вставки в head и код для вставки в body. Не обязательные поля, могут быть нужны для оптимизации CEO настроек вашего сайта.

> **Примечание:** Кнопка «Сохранить изменения» опубликует внесенные изменения без дополнительного подтверждения. Учитывайте это, если ваша форма уже доступна для пользователей.

Конструктор: Визуальный редактор веб-страницы с формой## Конструктор

Визуальный редактор веб-страницы с формой

Дизайн: В разработке

Скоринг: Система оценки данных заполненных форм## Скоринг

Система оценки данных заполненных форм

**Категория скоринга** - Кастомный атрибут формы для расчета оценки

**Правило скоринга** - Условие распределения оценки для категории скоринга

**Оценка** - Количество баллов (Число)

> **Примечание:** Скоринг позволяет настраивать правила распределения баллов для категорий скоринга

Скоринг: Модель распределения баллов, в зависимости от сохраненных значений полей формы

Инструкции: Скрипт для сайта## Инструкции

Скрипт для вставки на вашем сайте

При нажатии на вкладку “Инструкции” имеет вид как на примере ниже

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FAjXtWCJPa4kzKaolEMmU%2F2946039809.png?alt=media&#x26;token=d1881adb-d47f-4b7c-8a3e-d9f1ff6aab2c" alt=""><figcaption></figcaption></figure>

Текс скрипта уже выделен остаётся только копировать его.

Дальнейшие действия для его вставки на сайт проводятся уже из панели администратора на вашем сайте или в конструкторе сайтов.

На примере **Tilda** покажем как установить скрипт на сайт.

* Нажать на меню “Все блоки”

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FRzP4ltnEoVOHiwYrikwX%2F2946138117.png?alt=media&#x26;token=ca2d786e-74ff-4f14-a0f1-eeb28ea869b8" alt=""><figcaption></figcaption></figure>

* Долистать в меню “Все блоки” до вкладки “Другое” и выбрать “HTML-код”

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2F2JSgs42SsyLjH15xeDS0%2F2946269185.png?alt=media&#x26;token=b51ec108-3b90-4eef-ba9d-ab1dc009690f" alt=""><figcaption></figcaption></figure>

* Вставить скрипт и нажать “Сохранить и закрыть”

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2F6grR9OC3rU8tYXWN4VDL%2F2946301953.png?alt=media&#x26;token=ffa47338-bdef-4ebf-84ee-b7f8526df8fb" alt=""><figcaption></figcaption></figure>

* Нажать “Опубликовать” и перейти по ссылке которую покажет модальное окно в Tilda

Прекрасно 🎉 на вашем сайте теперь есть форма

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FnBBIZYJ5l2WxUkSzemWw%2F2944565251.png?alt=media&#x26;token=58ece997-b017-4ba4-9121-5ede75249267" alt=""><figcaption></figcaption></figure>

Аналитика: Подключение Google Analytics и Facebook Pixel## Аналитика

Подключение Google Analytics и Facebook Pixel

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FL40ikAtOXOZIPdHNaj0i%2F2946367493.png?alt=media&#x26;token=202671ee-04f6-4cee-84ae-8732c2f24ece" alt=""><figcaption></figcaption></figure>

#### Google Analytics

Получайте события о заполненных формах в Google Analytics

#### Facebook Pixel

Добавив Pixel ID, вы начнете получать события о заполненных формах в бизнес-менеджер Facebook.

Лиды: Список заполненных форм## Заполненные формы

Список заполненных форм

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2F5EEFvLycvb5a1l1sGftS%2F2946564097.png?alt=media&#x26;token=46d4978a-e089-4b05-ba29-a3ecd47b415e" alt=""><figcaption></figcaption></figure>

**Экземпляр формы:** Последний сохраненный вариант формы, который напрямую связан с пользователем, который ее заполнил.

> **Примечание:** У одного пользователя может быть только один сохраненный экземпляр формы.

* В списке отображены все сохраненные формы и связанные с ними пользователи.
* Чтобы отфильтровать формы по дате последнего изменения - введите необходимый интервал (от - до) и нажмите «Применить»\*\*\*\*справа вверху над списком.
* **Дата создания** - Дата и время, когда пользователь первый раз заполнил форму форму
* **Чат** - Пользователь, с которым связан экземпляр формы
* **Кнопки действия:**
* Переход к истории сообщений пользователя в чат-центре
* Удалить экземпляр формы связанный с пользователем
* Показать список полей и сохраненных значений

**Данные форм**

Нажмите **ᐯ**, чтобы посмотреть сохраненные значения для полей формы

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FiJBUqMifvXAjNLqdXf6f%2F2946629633.png?alt=media&#x26;token=cae93365-bcd0-4d19-985c-06ace3874c37" alt=""><figcaption></figcaption></figure>

**Экспорт форм**

* Нажмите «Экспорт» слева над списком с экземплярами форм
* Введите адрес электронной почты, на которую будет отправлен файл.

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FlUthpM7JkhYWGpA5kTTt%2F2946629639.png?alt=media&#x26;token=3e0b52b6-945b-409e-a6f3-a23353966154" alt=""><figcaption></figcaption></figure>

На почту придёт письмо с экспортированным файлом в формате **.CSV**

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FDPiYAzY9SUNODKRvXZhP%2F2946334723.png?alt=media&#x26;token=62673bfc-7867-4e8b-9b00-8aad28a6f6a1" alt=""><figcaption></figcaption></figure>

> **Примечание:** При экспорте не учитывается фильтрация списка экземпляров форм, файл будет содержать все заполненные формы.

Webhook и API: Прием данных из форм на свой скрипт## Webhook и API

Прием данных из форм на свой скрипт

* При заполнении формы данные будут отправляться методом POST на адрес скрипта, который вы указали.