> 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="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FetgD2bcBk8PWrN57bQbv%2F2947809281.png?alt=media&amp;token=72484efb-4f1c-4936-aecc-5ead832e9773" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FCTiymQRZ57pC1FPe4Wik%2F2947973123.png?alt=media&amp;token=20fedd62-e267-45d7-972b-7e8068ae7aaf" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FycXNVQk53cGGu2tXr1th%2F2948038657.png?alt=media&amp;token=887b46f0-e259-471d-a7a8-715d37e79b54" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FlRgKehWk6qYCDwRL6dLI%2F2947940355.png?alt=media&amp;token=90de4a75-00ec-45d5-8395-c5463218a274" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FlvJRYZfXEEbFz7PJ8SA5%2F2947907587.png?alt=media&amp;token=0c6a246a-eaa2-473e-9835-8ae3ebae0ed5" 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%2Fb1bgD14zbYSNPK7noojJ%2F2948235271.png?alt=media&amp;token=e5cee385-63d5-4b1e-837f-c202eb216e50" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2F18xuNLV4L8xiTCjkgpf3%2F2948235265.png?alt=media&amp;token=5f670796-7c2c-4227-b57a-55af0d66ee7b" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

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

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

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

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FqfQuSdBJt5nUfKMOalrs%2F2948694041.png?alt=media&amp;token=8b759be6-e916-46e9-8865-df9af2575b7b" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FF4uI7AaCHuJnoirZdzc0%2F2949021701.png?alt=media&amp;token=f8b13fe1-cbdf-4691-9a07-16e2977b61e6" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FO4h6igUhnWA2IjGJE379%2F2947710988.png?alt=media&amp;token=7f2b4011-5f05-4260-b384-34b0ce366f52" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FDMDslp3uvrAwTAAgo3WI%2F2948726789.png?alt=media&amp;token=e5c0c5ab-6a30-4cdc-9a5c-e9880c8babbe" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FYFLTofux0tIOKy6EJhHb%2F2948431893.png?alt=media&amp;token=aa39f0f8-c0c9-428b-83e3-d1078d347a8f" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2Fh7844l7Oae5Ed5jY4KuR%2F2948628503.png?alt=media&amp;token=310543a6-3ca1-46fa-80da-191234fff807" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FcXAHagp8ccpX72kYOYE3%2F2948431903.png?alt=media&amp;token=f1c953dc-62a7-4f54-815f-1676e2347f8f" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FWsvmCaKNS9cqmqiusQ0V%2F2948431909.png?alt=media&amp;token=9df4c302-ba51-4162-9d09-586c757e542c" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FlSKZgX1CrrhlsQcRJLDf%2F2948431915.png?alt=media&amp;token=ad47827d-59c1-44ac-84dd-e05d829982c7" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2Fk3sdmkDTqLA4JOcBWJcC%2F2947711004.png?alt=media&amp;token=64cded8e-460f-4846-9f47-f9aac69d8125" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FORuCeJiiCcgwPiotpIp4%2F2948694059.png?alt=media&amp;token=2abd7b6d-124d-4349-9a83-8510b4f2cae7" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2F3qdNS26hph9qXH5TjWvk%2F2948431927.png?alt=media&amp;token=4153d6bc-e5dc-4dcb-a106-81fd77573170" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FODpeCQHzum2weiJhYf8E%2F2948104209.png?alt=media&amp;token=aa21a5f4-31ed-456d-b857-dff2a50427e7" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FV32wpiiJaxWjUJvzp0WR%2F2948726805.png?alt=media&amp;token=dc782d0b-f254-4463-9bef-bdf96bd214cf" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FKYUrIZVCFwRdoIuoM1Sb%2F2948628515.png?alt=media&amp;token=14e57a59-fd6c-4029-84c5-5ba5951b39fb" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2Fkf2KLF2To4EvUgyPfFQs%2F2949021726.png?alt=media&amp;token=aa7419e7-a8bc-469a-8243-5234db6b5dc5" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2F7T3cejM2jttQiws4ELHd%2F2948890639.png?alt=media&amp;token=4c858e50-20f0-45b8-9586-3a185616d77b" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FWhpr9AC1tm5T9UQnrNdY%2F2948694067.png?alt=media&amp;token=46787c67-9f66-47cc-8a88-291afadb7de5" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FQESBUL226yOENOA9lyka%2F2948890647.png?alt=media&amp;token=5fd2273c-8672-4065-a9c7-dd60fbd7fd5b" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2F316Y1XcW645s2tlLiQ5H%2F2948890655.png?alt=media&amp;token=a689e88b-4fec-4232-a898-544c7a7a8159" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FlhzW5vBRRZOZfZKTI2Jd%2F2948694096.png?alt=media&amp;token=e0e598fe-a22a-43e0-97c8-86c9ebb9ca25" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FmQmYmbax6ZgclmDn2cQn%2F2948628548.png?alt=media&amp;token=618f83b2-24f0-4696-869c-8533e375f9ce" alt=""><figcaption></figcaption></figure>

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

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FGSmGoKgRmOo13GOJ8TJK%2F2948628554.png?alt=media&amp;token=e4347198-ecba-4698-a910-6dd79d4ddd84" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2F8n5bIMhocHZtsat1bsbc%2F2948431949.png?alt=media&amp;token=6b976d4c-fd4b-43d7-b0d3-d41fc9e8ab72" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FdFZyFLfqC63CGSGgAZF0%2F2949021744.png?alt=media&amp;token=00b93c94-eb3b-4914-ae76-059e9409b0b7" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FdIBpWOD3iNutkXCoPDpx%2F2948694106.png?alt=media&amp;token=c3730c77-3c8c-458e-bb48-07b346d8f16e" 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%2FA3UThF1pWhE7Rgc5XgrJ%2F2948497413.png?alt=media&amp;token=73ab1b03-b539-4ac9-915d-be08a0e01f33" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FTY5RmRfjTiz6TwkLraVu%2F2948268075.png?alt=media&amp;token=ad4b145c-7587-474f-8c24-9c9a48c113a5" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FfnXSLvoGYoMw07iXGhCw%2F2948431875.png?alt=media&amp;token=e5c5b98d-2435-497f-afea-2d8df9465e30" alt=""><figcaption></figcaption></figure>

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

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

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

<figure><img src="https://1710238474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F15Vbfdlj1toq4QxXgBym%2Fuploads%2FSRvxDezDr2r247gwfPco%2F2948268055.png?alt=media&amp;token=89da86bc-4cd9-49f1-a282-951d90bdcf2e" 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%2FBQxwfZtKr1GCeHUmE3e2%2F2948628490.png?alt=media&amp;token=e55260fe-48f4-490c-9ff9-9ecec35ae025" alt=""><figcaption></figcaption></figure>