Виджет захвата лидов
Виджет захвата лидов позволяет встраивать плавающий попап или встроенную форму на любой внешний сайт. Посетители могут отправить свои данные, не покидая страницу.
Что такое виджет захвата?
Виджет захвата — это небольшой JavaScript-фрагмент, который вы добавляете на свой сайт. Он отображается как:
- Плавающая кнопка (например, в правом нижнем углу), которая открывает попап с формой при нажатии, или
- Встроенный элемент, размещённый непосредственно внутри элемента страницы
Когда посетитель отправляет форму виджета, в вашем рабоч ем пространстве LeadHub создаётся лид.
Создание виджета захвата
- Перейдите в Формы → Виджеты захвата лидов в боковой панели.
- Нажмите Новый виджет захвата.
- Настройте:
| Поле | Описание |
|---|---|
| Название | Внутреннее название для этого виджета |
| Форма | Выберите, какую форму LeadHub отображать в виджете |
| Тип триггера | Кнопка (плавающая кнопка) или Встроенный (встроен в контейнер) |
| Текст кнопки | Текст на плавающей кнопке (например, «Связаться с нами») |
| Цвет кнопки | Цвет фона кнопки |
| Позиция | Где отображается плавающая кнопка: справа снизу, слева снизу и т.д. |
| Активен | Включить или отключить виджет |
- Нажмите Сохранить.
Получение кода встраивания
После сохранения виджета:
- Нажмите Получить код (или значок кода) в строке виджета.
- Скопируйте JavaScript-фрагмент.
- Вставьте его перед закрывающим тегом
</body>на вашем сайте.
Встроенный виджет
Для встройки виджета в определённый div:
- Установите Тип триггера в
Встроенный. - Добавьте контейнерный элемент на вашу страницу с атрибутом данных виджета:
<div data-leadhub-widget="your-widget-id"></div> - Вставьте JavaScript-фрагмент в любом месте страницы (перед
</body>).
Принцип работы
- JS-фрагмент загружается асинхронно — он не замедляет вашу страницу.
- Когда посетитель нажимает кнопку (или страница загружается для встроенного виджета), форма отображается.
- При отправке данные передаются в вашу установку LeadHub и создаётся запись лида.
- Форма показывает настроенное благодарственное сообщение.
Несколько вид жетов
Вы можете иметь несколько виджетов — по одному на каждый сайт, продукт или сценарий использования. Каждый виджет указывает на конкретную форму. Это позволяет отслеживать, какой сайт или страница сгенерировали каждого лида, через связь с формой.
Советы
- Используйте виджет с плавающей кнопкой на вашем основном сайте для общих запросов.
- Используйте встроенные виджеты на лендингах для целевых кампаний.
- Сочетайте с триггером автоматизации «Форма отправлена» для немедленного назначения и последующей работы.