Разделы базы знаний

На этой странице

Разделы

Инлайн-виджеты

Как встроить форму подписки в нужное место страницы с помощью CSS-селектора.

Обновлено

Инлайн-виджет — форма подписки, встроенная прямо в страницу, а не всплывающая поверх неё. Её можно разместить в любом месте страницы.

Перед настройкой убедитесь, что добавили сайт в LeadPlan.

Шаг 1. Создайте инлайн-виджет

Откройте галерею виджетов, выберите тип «Встроенные в контент» и подходящий шаблон.

Галерея шаблонов: выбран тип «Встроенные в контент»

Шаг 2. Укажите, где разместить виджет

Откройте раздел «Параметры» и в поле Расположение выберите, куда встроить виджет относительно элемента страницы: перед элементом, после него, вместо него, внутри элемента в начале или внутри элемента в конце. В поле Селектор элемента укажите уникальный CSS-селектор этого элемента, например #subscribe-block.

Расположение инлайн-виджета и селектор элемента

Если вы знакомы с CSS, пригодится статья о селекторах. Если нет, установите в браузер расширение для поиска CSS-селекторов, например Get Unique CSS Selector. Пример на сайте LeadPlan:

Пример настройки расположения встроенного бара в разделе «Параметры»

Шаг 3. Настройте условия показа

В разделе «Поведение» задайте условия показа. Инлайн-виджет — статичный элемент страницы, поэтому рекомендуем показывать его без задержки.

Условия начала показа инлайн-виджета: все сняты, виджет показывается сразу

Шаг 4. Настройте таргетинг

Как это сделать, читайте в статье «Настройка таргетинга».

Шаг 5. Проверьте и включите виджет

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

Значок «Открыть в новой вкладке» над предпросмотром

Если всё устраивает, вернитесь в LeadPlan и нажмите «Сохранить». Затем перейдите на вкладку «Виджеты» и включите инлайн-виджет.

Переключатель включения виджета в списке виджетов

Готово: виджет начнёт собирать контакты прямо на странице.

Не нашли ответ? Напишите нам — разберёмся вместе.

contact@leadplan.ru · Другие способы связи