Размещение всплывающего окна (Popup) на сайте
1. Введение
Определение
Всплывающее окно (Popup) — это тип LGT, которое появляется поверх контента веб-страницы и приглашает посетителя подписаться. Используется на этапе Привлечения (Attract).
Popup размещается на сайте через несколько фрагментов кода: Init code (общий инициализатор LGT-движка) и скрипт самого всплывающего окна. Он работает в связке с туннелями продаж — после подписки посетитель переходит в выбранный бот и попадает в соответствующий туннель.
B2B оператор (маркетолог, веб-разработчик или контент-менеджер) выбирает один из трёх типов всплывающего окна (Action / Exit / Timer), настраивает дизайн на вкладках «Общие», «Содержимое», «Traffic» и размещает код на сайте.
B2C клиент (посетитель сайта) видит всплывающее окно поверх контента страницы — либо при клике на конкретную кнопку (Action), либо при попытке закрыть вкладку (Exit), либо через заданное количество секунд после открытия страницы (Timer). После подписки клиент переходит в бот и попадает в соответствующий туннель.
В Client's Card записывается новая подписка с источником «Popup»: канал связи, дата и время подписки, тип popup-триггера, UTM-метки страницы.
После ознакомления вы поймёте:
как создать LGT типа «Всплывающее окно» в туннеле продаж;
какие бывают три типа popup-окон: Action, Exit, Timer — и когда применять каждый из них;
как настроить дизайн popup на вкладках «Общие», «Содержимое», «Traffic»;
как вставить фрагменты кода (Init code + код popup) на страницу сайта;
как работает чекбокс «Откройте мессенджер в новой вкладке»;
как настроить id-селектор для action-popup'а и привязать его к собственной кнопке на сайте.
Назначение
Popup — это инструмент активного захвата лидов через прерывание внимания посетителя сайта. В отличие от виджета, который ждёт клика, popup сам появляется в нужный момент и ставит предложение подписки перед глазами посетителя.
Привлечение (Attract) — захват посетителей сайта в момент конкретного действия (клик по кнопке), намерения выйти (exit-intent) или после проявленного интереса (timer). Задача — перехватить исходящий трафик сайта и конвертировать анонимных посетителей в подписчиков мессенджер-бота до того, как они покинут страницу.
2. Создание LGT типа «Всплывающее окно»
Всплывающее окно имеет три типа, которые выбираются при настройке LGT во вкладке «Общие»:
Action — всплывающее окно появляется по клику на кнопку на вашем сайте.
Exit — появляется при попытке закрыть страницу сайта (только на ПК).
Timer — появляется через заданное время нахождения на странице.
Перейдите в раздел «Туннели Продаж» и откройте нужный туннель.
Нажмите правой кнопкой мыши (Windows) или двумя пальцами по тачпаду (macOS), выберите «Инструменты лидогенерации» → «Всплывающее окно» и нажмите «Создать».
Настройте LGT на вкладках «Общие», «Содержимое» и «Traffic». На вкладке «Общие» укажите тип всплывающего окна (Action / Exit / Timer).
Чекбокс «Откройте мессенджер в новой вкладке» — при переходе с вашего сайта в мессенджер через LGT страница сайта останется открытой.
3. Размещение Popup на сайте
После настройки LGT вы получите несколько фрагментов кода. Разместите их на сайте:
Скопируйте Init code и разместите его перед закрывающим тегом
</head>(или в HTML-блоке конструктора сайтов).Скопируйте код скрипта всплывающего окна и разместите его после Init code.
Для типа Action — добавьте ссылку на кликабельный элемент страницы, нажатие на который вызовет popup.
4. Для продвинутых: action-popup через id-селектор
Для всплывающего окна типа action создайте элемент-триггер. В качестве id элемента укажите селектор из настроек всплывающего окна (без символа #).
Пример:
<button id="Здесь укажите название Selector"></button>Всплывающее окно появится при клике посетителя сайта по этому элементу.
Сопутствующие инструкции
Название инструкции | Описание |
|---|---|
LGT — общее определение инструментов лидогенерации Leeloo.AI. | |
Туннели продаж — куда попадает подписчик после подписки через popup. | |
Источники трафика — как указать UTM-метки для popup на сайте. | |
Основные функции LGT — вкладки «Общие», «Содержимое», «Traffic». | |
Мини лендинг — альтернативный тип LGT (отдельная страница вместо popup). | |
Размещение формы (Form) — другой вариант встроенного LGT на сайте. | |
Размещение виджета — компактный LGT в углу сайта как альтернатива popup. |
Основные термины
Термин | Пояснение |
|---|---|
Всплывающее окно (Popup) | Тип LGT — окно подписки, которое появляется поверх контента сайта в момент действия посетителя (клик, exit, таймер). |
LGT | Lead Generation Tool — инструмент для сбора подписчиков. В Leeloo.AI существует 8 типов LGT (Widget, Popup, Form, Mini Landing, QR Code, FB Ad, Subscribe Button, Smart Response). |
Action / Exit / Timer | Три типа popup'а: по клику на конкретную кнопку (Action), при попытке выйти со страницы (Exit), через N секунд нахождения на странице (Timer). |
Init code | Первый фрагмент кода LGT — общий инициализатор, который подгружает JS-движок Leeloo.AI. Размещается один раз перед |
id-селектор | Уникальный идентификатор HTML-элемента на сайте, который служит триггером для action-popup'а. Указывается без символа |
Туннель продаж | Автоматизированный сценарий блоков, в который попадает подписчик после подписки через popup. |
Client's Card | Централизованный профиль подписчика, куда записывается факт подписки через popup: канал, дата, тип popup-триггера, UTM-метки. |
Привлечение (Attract) | Первый этап жизненного цикла клиента — захват анонимных посетителей сайта и превращение их в подписчиков. |