> For the complete documentation index, see [llms.txt](https://docs.fstrk.io/knowledge_base/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.fstrk.io/knowledge_base/instructions/old/razdel-marketing/lendingi.md).

# Лендинги

Лендинги — это один из подразделов платформы Fasttrack, Подраздел «Лендинги» позволяет создавать одностраничные сайты без необходимости использования сторонних конструкторов или создания самописных сайтов.

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

* Перейдите в раздел «Маркетинг», а затем на вкладку «Лендинги»

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

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

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

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

* Нажмите «+ Минилендинг» в правом верхнем углу страницы со списком форм.

<figure><img src="/files/8vRRLnaAWguHQczr23qR" alt=""><figcaption></figcaption></figure>

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

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

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

Прекрасно 🎉 Новый лендинг создан, теперь его нужно настроить.

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

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

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

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

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

Заголовок для браузера - Название, которое отображается на вкладке браузера.

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

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

Конструктор: Визуальный редактор минилендинга## Конструктор

Визуальный редактор минилендинга

Данный инструмент позволяет создать визуализацию для форм и лендингов.

На примере разберём как создавать различные элементы в конструкторе.

Изначально открыв конструктор мы увидим следующее

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

Нажимаем «Добавить блок» и в правой части экрана откроется меню выбора блоков или же «Библиотека блоков».

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

Начнём с заголовка

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

Нажатие на «Заголовок» в библиотеке блоков на месте настроек откроет меню в котором мы можем ввести нужный заголовок и подзаголовок. Все изменения необходимо сохранять, нажав «Сохранить изменения» мы увидим системное сообщение об успешной операции.

Если более ничего менять не нужно, необходимо нажать «Опубликовать» в правом верхнем углу. Публикация меняет состояние лендинга глобально, а сохранение блока локально (только у вас в редакторе).

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

Когда мы наводим курсор на созданный ранее блок появляются надписи «Добавить блок» выше и ниже первого блока. Так мы можем выбрать расположение следующего блока.

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

Предположим мы выбрали ниже заголовка. Далее рассмотрим создание перехода в мессенджер.

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

В левой части где находится визуальное отображение блока «Переход в мессенджер» есть подсказка, что нужно нажать для настройки блока. Нажимаем на блок

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

В правой части экрана откроется меню настройки блока. Для простоты восприятия разбито на сектора с цифрами.

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

1\)Выбор мессенджера - влияет на то, какие мессенджеры будут отображены.

2. Отображение - влияет на визуализацию иконок мессенджеров

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

3. Блок документов - названия для документов, чаще всего это политика конфиденциальности или условия акций, а ссылка это место расположения документа в облачном сервисе хранения или внутри файлов на платформе.
4. Блок согласия - влияет на обязательность согласия с документами из блока выше или на наличие проставленной галочки о согласии.

<figure><img src="/files/1D9CciILEkzBj5LKjPoZ" alt=""><figcaption></figcaption></figure>

Далее перейдём к созданию блока с изображением «Картинка»

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

Необходимо нажать на кнопку «Загрузить»

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

Выбор изображения из проводника вашего ПК осуществляется стандартно.

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

Мы выбрали изображение оно отобразилось визуально и в блоке настроек. Подсказка автоматически берёт название изображения. Его можно поменять на нужное, например «Котик».

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

На скриншоте выше выделены кнопки с стрелками. Они позволят двигать блоки выше или ниже. Это удобно, когда блоков много или в процессе вы решили поменять конфигурацию блоков.

Перейдём к добавлению блока с текстом.

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

Текстовый редактор открывается в визуальной части. В правой части, где обычно настройки, у данного блока только кнопки сохранения и удаления.

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

Рассмотрим некоторые возможности текстового редактора

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

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

Серым с цифрами в меню редактора выделен ряд функций, про которые стоит сказать по пунктам, так как не все из них можно визуализировать:

1. Кнопка отмены действия и возврата отменённого действия;
2. Выбор шрифта, размера текста и типа текста (абзац, заголовок 1, заголовок 2 итд);
3. Удаление форматирования;
4. Добавление изображения, видео или ссылки.

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

Разумеется это тестовый пример и выглядит он не как коммерческое решение, но даже так видно, что не хватает очень важного раздела, ради которого делаются все лендинги. Нужна форма, в которую клиенты будут вносить свои данные. Добавим блок «Форма»

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

После нажатия на блок «Форма» так же в правой части экрана нужно нажать на кнопку «Добавить поле».

> **Примечание:** Полей у блока «Форма» может быть более одного

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

Ниже меню добавления поля для формы.

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

Более детально стоит отметить, что Тип поля имеет 12 вариантов, каждый из которых имеет разные дальнейшие настройки, поэтому лучше начинать именно с выбора Типа поля.

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

Ещё стоит уточнить, что валидация это проверка на ошибки пользователя при заполнении поля.

К примеру, поставив валидацию для телефонных номеров, будет ниже вероятность, что клиент отправит вам не корректный номер, что повысит эффективность лидов и конверсию в продажи.

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

Ниже приведён пример заполненных настроек для поля с именем клиента.

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

Для примера добавим ещё одно поле, чтобы посмотреть на разницу отображения поля «Имя» и поля «Почта». Дополнительно поле «Почта» сделаем обязательным, а «Имя» нет.

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

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

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

Ниже приведён пример отображения данных полей в браузере.

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

Полю «Почта» не была добавлена подсказка значения, а полю «Имя» подсказка значения добавлена. Это один из вариантов, сами подсказки вы можете прописывать иначе или отказаться от них, конструктор имеет гибкий подход к данным настройкам.

Дизайн: В разработке## Раздел в разработке…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

> **Примечание:** Пока кнопка раскрытия данных из формы не активна, она отображается как “>”, при нажатии становится “⋁”

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

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

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

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

<figure><img src="/files/9sMLui9ci1aHiU81hcum" alt=""><figcaption></figcaption></figure>