Размещение всплывающего окна (Popup) на сайте

Размещение всплывающего окна (Popup) на сайте

UA

US

RU

UA

US

RU

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 — появляется через заданное время нахождения на странице.

  1. Перейдите в раздел «Туннели Продаж» и откройте нужный туннель.

  2. Нажмите правой кнопкой мыши (Windows) или двумя пальцами по тачпаду (macOS), выберите «Инструменты лидогенерации»«Всплывающее окно» и нажмите «Создать».

  3. Настройте LGT на вкладках «Общие», «Содержимое» и «Traffic». На вкладке «Общие» укажите тип всплывающего окна (Action / Exit / Timer).

Чекбокс «Откройте мессенджер в новой вкладке» — при переходе с вашего сайта в мессенджер через LGT страница сайта останется открытой.

3. Размещение Popup на сайте

После настройки LGT вы получите несколько фрагментов кода. Разместите их на сайте:

  1. Скопируйте Init code и разместите его перед закрывающим тегом </head> (или в HTML-блоке конструктора сайтов).

  2. Скопируйте код скрипта всплывающего окна и разместите его после Init code.

  3. Для типа Action — добавьте ссылку на кликабельный элемент страницы, нажатие на который вызовет popup.

4. Для продвинутых: action-popup через id-селектор

Для всплывающего окна типа action создайте элемент-триггер. В качестве id элемента укажите селектор из настроек всплывающего окна (без символа #).

Пример:

<button id="Здесь укажите название Selector"></button>

Всплывающее окно появится при клике посетителя сайта по этому элементу.

Сопутствующие инструкции

Название инструкции

Описание

Название инструкции

Описание

Инструменты Лидогенерации (LGT)

LGT — общее определение инструментов лидогенерации Leeloo.AI.

Тунелі продажів

Туннели продаж — куда попадает подписчик после подписки через popup.

Источники трафика (Traffic sources), UTM-метки

Источники трафика — как указать UTM-метки для popup на сайте.

Основные функции инструментов лидогенерации

Основные функции LGT — вкладки «Общие», «Содержимое», «Traffic».

Мини лендинг

Мини лендинг — альтернативный тип LGT (отдельная страница вместо popup).

Размещение формы (Form) на сайте

Размещение формы (Form) — другой вариант встроенного LGT на сайте.

Размещение виджета (Widget) на сайте

Размещение виджета — компактный 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. Размещается один раз перед </head>.

id-селектор

Уникальный идентификатор HTML-элемента на сайте, который служит триггером для action-popup'а. Указывается без символа #.

Туннель продаж

Автоматизированный сценарий блоков, в который попадает подписчик после подписки через popup.

Client's Card

Централизованный профиль подписчика, куда записывается факт подписки через popup: канал, дата, тип popup-триггера, UTM-метки.

Привлечение (Attract)

Первый этап жизненного цикла клиента — захват анонимных посетителей сайта и превращение их в подписчиков.