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