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

<figure><img src="/files/d3lCO7ZcHon4RDMrPCxZ" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/MvE32RNAL8XnLC8YBjXC" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/o4mEN4ABpfcddHJz4C6g" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/yTz5weDKnJLGNS86Vtmc" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/6Lj6oPrHT68EvRhOAriR" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<figure><img src="/files/mjvKdbvDbAr9PF8CN4Yv" alt=""><figcaption></figcaption></figure>

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

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

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

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

<figure><img src="/files/hGfpqYwZKZjYxtDZuINV" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/ILy7Oo1W1cfkvrF2a2AL" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/b22qY9Kn025kmcq2m03w" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/pZbi12NJIQk5hpSOd3lu" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/m3P30YqrxxZpAin1z0I9" alt=""><figcaption></figcaption></figure>

#### Google Analytics

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

#### Facebook Pixel

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

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

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

<figure><img src="/files/Qm7htIwDIGxrgNfn7smJ" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

<figure><img src="/files/rt8XB5Ilzscp8tF0bTdo" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="/files/WFFMbjwi4MCYnmGSDpHP" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/xbshr8T41Il5j6s1gEiD" alt=""><figcaption></figcaption></figure>

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

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

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

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


---

# 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://docs.fstrk.io/knowledge_base/instructions/old/razdel-marketing/formy-dlya-saita.md?ask=<question>
```

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.