Перейти к основному содержимому

Виджеты лидов

Инструменты → Виджеты лидов создаёт плавающий или встроенный виджет на вашем сайте, который посетители могут нажать для отправки своих контактных данных — они попадают напрямую в LeadHub как лид.

Виджет отличается от встроенной формы: он отображается как плавающая кнопка (пузырь чата, кнопка «Связаться с нами»), открывающая форму в выдвигающейся панели без необходимости в отдельной странице с формой.

Создание виджета лидов​

  1. Перейдите в Инструменты → Виджеты лидов.
  2. Нажмите Новый виджет.
  3. Настройте виджет:

Основные настройки​

ПолеОписание
НазваниеВнутренний ярлык
ФормаКакую форму LeadHub отображать при открытии виджета
Текст кнопкиТекст на плавающей кнопке (например, «Получить предложение», «Связаться с нами»)
Позиция кнопкиНижний-левый или Нижний-правый угол страницы
Основной цветАкцентный цвет кнопки и виджета
Приветственное сообщениеНеобязательный заголовок вверху открытой панели виджета

Поведение​

ПолеОписание
Задержка автооткрытияСекунды до автоматического открытия виджета (0 = только вручную)
Показывать на мобильныхПереключить показ/скрытие на мобильных устройствах
ДоменыДомены, на которых разрешена загрузка этого виджета
  1. Нажмите Сохранить — генерируется JavaScript-код для встраивания.

Установка виджета​

Скопируйте код и вставьте его перед </body> на вашем сайте:

<script>
  window.LeadHubWidget = { token: 'YOUR_WIDGET_TOKEN' };
</script>
<script async src="https://yourdomain.com/widget.js"></script>

Плавающая кнопка появится на всех страницах, где загружен скрипт.

Как это работает для посетителей​

  1. Посетитель видит плавающую кнопку на странице.
  2. Он нажимает на неё — открывается выдвигающаяся панель с вашей формой.
  3. Посетитель заполняет форму и отправляет её.
  4. LeadHub мгновенно создаёт нового лида.
  5. Срабатывают автоматизации с триггером Форма отправлена.
  6. Посетитель видит сообщение с благодарностью.

Несколько виджетов​

Можно создавать разные виджеты для разных страниц или кампаний:

  • Виджет «Запросить демо» на странице тарифов
  • Виджет «Получить поддержку» на странице помощи
  • Виджет «Скачать руководство» в статье блога

Каждый виджет может указывать на другую форму LeadHub, использовать разные цвета и иметь разный текст кнопки.

Связанные разделы​