Лендинги

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

Здесь картинка: attachments/2699264052/2947809281.png

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

Здесь картинка: attachments/2699264052/2947973123.png?width=204

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

Здесь картинка: attachments/2699264052/2948038657.png

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

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

Здесь картинка: attachments/2699264052/2947940355.png?width=544

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

  • Нажмите «Создать», чтобы перейти к настройкам формы.

Здесь картинка: attachments/2699264052/2947907587.png?width=340

  1. Название - наименование лендинга для отображения в общем списке и поиска;

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

  3. Уникальный идентификатор - нужен для работы с определенной формой в контексте пользователя. Можно изменять автоматически созданное значение, но важно использовать латиницу и нижние подчёркивания.

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

Здесь картинка: attachments/2699264052/2948235271.png?width=550

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

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

Здесь картинка: attachments/2699264052/2948235265.png?width=544

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

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

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

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

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

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

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

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

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

Здесь картинка: attachments/2699264052/2948694041.png

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

Здесь картинка: attachments/2699264052/2949021701.png

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

Здесь картинка: attachments/2699264052/2947710988.png

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

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

Здесь картинка: attachments/2699264052/2948726789.png

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

Здесь картинка: attachments/2699264052/2948431893.png

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

Здесь картинка: attachments/2699264052/2948628503.png

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

Здесь картинка: attachments/2699264052/2948431903.png

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

Здесь картинка: attachments/2699264052/2948431909.png

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

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

Здесь картинка: attachments/2699264052/2948431915.png?width=340

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

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

Здесь картинка: attachments/2699264052/2947711004.png?width=340

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

Здесь картинка: attachments/2699264052/2948694059.png

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

Здесь картинка: attachments/2699264052/2948431927.png

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

Здесь картинка: attachments/2699264052/2948104209.png

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

Здесь картинка: attachments/2699264052/2948726805.png

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

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

Здесь картинка: attachments/2699264052/2948628515.png

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

Здесь картинка: attachments/2699264052/2949021726.png

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

Здесь картинка: attachments/2699264052/2948890639.png

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

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

  1. Кнопка отмены действия и возврата отменённого действия;

  2. Выбор шрифта, размера текста и типа текста (абзац, заголовок 1, заголовок 2 итд);

  3. Удаление форматирования;

  4. Добавление изображения, видео или ссылки.

Здесь картинка: attachments/2699264052/2948694067.png?width=340

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

Здесь картинка: attachments/2699264052/2948890647.png?width=340

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

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

Здесь картинка: attachments/2699264052/2948890655.png

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

Здесь картинка: attachments/2699264052/2948694096.png

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

Здесь картинка: attachments/2699264052/2948628548.png

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

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

Здесь картинка: attachments/2699264052/2948628554.png

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

Здесь картинка: attachments/2699264052/2948431949.png?width=340

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

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

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

Здесь картинка: attachments/2699264052/2949021744.png?width=566

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

Здесь картинка: attachments/2699264052/2948694106.png

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

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

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

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

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

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

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

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

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

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

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

Здесь картинка: attachments/2699264052/2948497413.png?width=544

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

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

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

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

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

Здесь картинка: attachments/2699264052/2948268075.png

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

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

  • В списке отображены все сохраненные формы и связанные с ними пользователи.

  • Чтобы отфильтровать формы по дате последнего изменения - введите необходимый интервал (от - до) и нажмите «Применить»****справа вверху над списком.

  • Дата создания - Дата и время, когда пользователь первый раз заполнил форму форму

  • Чат - Пользователь, с которым связан экземпляр формы

  • Кнопки действия:

  • Переход к истории сообщений пользователя в чат-центре

  • Удалить экземпляр формы связанный с пользователем

  • Показать список полей и сохраненных значений

Данные форм

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

Здесь картинка: attachments/2699264052/2948431875.png

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

Экспорт форм

  • Нажмите «Экспорт» слева над списком с экземплярами форм

  • Введите адрес электронной почты, на которую будет отправлен файл.

Здесь картинка: attachments/2699264052/2948268055.png?width=340

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

Здесь картинка: attachments/2699264052/2948628490.png?width=340

Last updated