Размещение формы (Form) на сайте
UA | US | RU |
|---|
1. Введение
Определение
Форма (Form) — это тип LGT, встроенный на сайт как стандартная веб-форма. Используется на этапе Привлечения (Attract).
Размещается на сайте в виде трёх фрагментов кода (Init code, скрипт формы и embed-код), которые нужно вставить в HTML-структуру страницы. Работает в составе туннелей продаж — каждая заполненная форма создаёт новую подписку в соответствующем туннеле.
B2B-оператор (маркетолог, веб-разработчик или performance marketer) создаёт LGT типа «Форма» в туннеле продаж, настраивает её дизайн и контент, получает три фрагмента кода и вставляет их на нужную страницу сайта.
B2C-клиент видит встроенную форму на странице сайта, заполняет поля контактными данными и нажимает кнопку отправки. После этого он автоматически переходит в мессенджер, где продолжает коммуникацию с компанией.
В Client's Card записывается новая подписка с источником «Form», UTM-метки перехода и значения полей, которые клиент заполнил в форме.
После ознакомления вы поймёте:
как создать LGT типа «Форма» в туннеле продаж;
как настроить дизайн и контент формы на вкладках «Общие», «Содержимое» и «Traffic»;
как вставить три фрагмента кода (Init code, скрипт формы, embed-код) на страницу сайта;
как работает чекбокс «Открыть мессенджер в новой вкладке»;
как выровнять форму по центру страницы с помощью HTML-контейнера.
Назначение
Форма — наиболее «нативный» механизм сбора лидов с веб-трафика: в отличие от попапов и виджетов, она воспринимается посетителем как обычная часть страницы, что повышает конверсию в подписку.
Привлечение (Attract): встроенная форма захватывает контактные данные посетителей вашего сайта и переводит их в мессенджер для дальнейшей коммуникации. Задача — превратить анонимный веб-трафик в идентифицированных подписчиков с заполненными полями для последующей сегментации.
2. Создание LGT типа «Форма»
Перейдите в раздел «Воронки Продаж» и откройте нужный туннель.
Нажмите правой кнопкой мыши (Windows) или двумя пальцами по тачпаду (macOS) на пустом поле туннеля, выберите «Инструмент лидогенерации» → «Форма» и нажмите «Создать».
Настройте LGT на вкладках «Общие», «Содержимое» и «Traffic».
Чекбокс «Открыть мессенджер в новой вкладке» — при переходе с вашего сайта в мессенджер через LGT страница сайта останется открытой.
3. Размещение формы на сайте
После настройки LGT вы получите несколько фрагментов кода. Разместите их на странице сайта:
Скопируйте Init code и разместите его перед закрывающим тегом
</head>(или в HTML-блоке конструктора сайтов).Скопируйте код скрипта формы и разместите его после Init code.
Скопируйте код embed-формы и разместите его в том месте страницы, где должна отображаться форма.
Чтобы выровнять форму по центру страницы, используйте такой контейнер (укажите ваш тег LGT в атрибуте class):
<div class="В это поле укажите тег вашего LGT" style="display: flex; justify-content: center; align-items: center; height: 100vh;"></div>4. Видеоинструкция
https://www.youtube.com/watch?v=151ryqq4B0I
Сопутствующие инструкции
Инструкция | Описание |
|---|---|
LGT — общее определение и типы инструментов лидогенерации в Leeloo.AI. | |
Туннели продаж — контейнеры, в которых создаются LGT. | |
Источники трафика и UTM-метки для атрибуции подписок. | |
Основные функции LGT — общие настройки для всех 8 типов. | |
Мини-лендинг — альтернативный тип LGT с собственной страницей. | |
Размещение виджета — другой способ сбора лидов с сайта. | |
Размещение всплывающего окна (Popup) — pop-up форма на сайте. | |
Кнопка подписки — простой тип LGT для прямых переходов в мессенджер. |
Основные термины
Термин | Пояснение |
|---|---|
Форма (Form) | Тип LGT, встроенный на сайт как стандартная веб-форма с тремя фрагментами кода (Init code, скрипт формы, embed-код). |
LGT (Lead Generation Tool) | Инструмент лидогенерации Leeloo.AI. Существует 8 типов: Mini Landing Page, QR Code, Widget, Pop-up, Form, FB Ad, Subscribe Button, Smart Response. |
Туннель продаж | Контейнер в Leeloo.AI, в котором создаются LGT и настраивается последовательность коммуникаций с подписчиками. |
Init code | Первый фрагмент JavaScript-кода LGT типа «Форма», который размещается перед закрывающим тегом </head> сайта. |
Embed-код | Третий фрагмент кода, который вставляется в место страницы, где должна отображаться веб-форма. |
Привлечение (Attract) | Первая стадия жизненного цикла клиента в Leeloo.AI — захват холодного трафика через LGT и превращение посетителей в подписчиков. |
Подписка | Запись в Client's Card о факте первого взаимодействия клиента с компанией через канал связи (в случае Form — через веб-форму на сайте). |
UTM-метки | Параметры URL для атрибуции источника трафика, которые записываются в Client's Card при создании подписки через Form. |
Client's Card | Центральная сущность данных в Leeloo.AI: запись о подписчике с историей коммуникаций, заполненными полями форм и поведенческими событиями. |