База знаний
по возможностям платформы

Всплывающая лид-форма (pop-up форма)

Всплывающая лид-форма — новый виджет в редакторе LPgenerator

Здравствуйте, дорогие друзья!

Продолжаем серию обновлений платформы в новом году, и сегодня наша команда спешит представить вашему вниманию новый функционал, а именно — виджет редактора, который называется pop-up или всплывающая лид-форма.

Поп-ап лид-форма используется как технология оптимизации конверсии целевой страницы, позволяет экономить место на лендинге и делает его более эргономичным и привлекательным.

Как правило, кнопки вызова всплывающих форм размещают в заголовке и подвале целевых страниц, называя их «Заказать обратный звонок» — они играют вспомогательную роль в процессе лидогенерации, дополняя возможности вашего предложения.

До настоящего момента для интеграции всплывающих окон требовалась ручная вставка нескольких кусков кода и настройка соответствующих параметров в редакторе LPgenerator. С этого дня настройка или установка (активация) pop-up формы будет производиться с помощью простого виджета и занимать меньше минуты. 

Добавление всплывающей формы в несколько простых шагов

Обратите внимание: добавление всплывающих форм не рекомендуется для мобильных лендингов.

Шаг 1. Войдите в редактор страницы, на которую хотите добавить pop-up окно. Слева расположена панель виджетов. Всплывающее окно является вторым доступным виджетом. Кликните по нему.

pop up

Шаг 2. В открывшемся окне установите необходимые параметры будущей pop-up формы:

pop up

  • стиль лид-формы;
  • текст кнопки вызова лид-формы;
  • текст заголовка и полей лид-формы;
  • текст кнопки отправки лид-формы.

При изменении параметров в окне добавления виджета доступен предварительный просмотр внешнего вида будущей формы.

Шаг 3. После установки всех необходимых параметров нажмите кнопку «Сохранить». На целевой странице появится кнопка вызова всплывающего окна, которая графически соответствует стилю выбранного поп-ап.

кнопка формы

При необходимости редактирования шрифта и фона кнопки вызова поп-ап и результата отправки лид-формы кликните по ней один раз и перейдите в панель расширенных настроек редактора LPgenerator справа.

настройки

Как и в случае с виджетом таймера, повторно вызвать редактор всплывающей формы, уже имплементированной на лендинге, можно двойным кликом по элементу (кнопке). Добавление дополнительной формы осуществляется нажатием на иконку виджета левой панели редактора.

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

Не забывайте проверять наличие pop-up окна в списке целей конверсии.

конверсия

цели конверсии

На этом настройку и установку Pop-Up формы можно считать завершенной. Наша команда работает над новыми виджетами, которые появятся в ближайшее время.

На этом настройку и установку Pop-Up формы можно считать завершенной.

P. S. Дорогие друзья, наша команда постоянно работает над усовершенствованием платформы, функционал виджетов также расширяется. Вы можете ознакомиться с обновленными руководствами по работе с "Поп-ап" , воспользовавшись ссылками ниже:

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 3 из 3
Еще есть вопросы? Отправить запрос

Комментарии

  • Avatar
    Нияз Гараев

    Плохо что пока лиды с этих форм отображаются пустыми в общем списке лидов. Хорошо бы умолчанию сделать так, чтобы поля телефона и имени отображались в общем списке, как это происходит с обычными не всплывающими формами.

  • Avatar
    Дмитрий

    Здравствуйте!

    В данный момент лиды, поступившие с попап форм, отображаются так же, как лиды с обычных форм. Возможно, необходимо осуществить настройку колонок для их корректного отображения. Для решения проблемы обратитесь по адресу support@lpgenerator.ru, там Вам помогут с настройкой.

  • Avatar
    Руслан

    Здравствуйте!

    Скажите пожалуйска, как добавить в такую форму помимо Имени и Телефона ещё Емеил и Текст. Спасибо!

  • Avatar
    Алена Балакина

    Здравствуйте, Руслан!

    Поля в данной всплывающей форме, к сожалению, добавить или удалить нельзя.

    Если Вам нужна PopUp форма с дополнительными полями, то Вы можете создать такую по руководству: https://lpgenerator.zendesk.com/hc/ru/articles/200902823-%D0%9A%D0%B0%D0%BA-%D1%81%D0%B4%D0%B5%D0%BB%D0%B0%D1%82%D1%8C-%D0%B2%D1%81%D0%BF%D0%BB%D1%8B%D0%B2%D0%B0%D1%8E%D1%89%D1%83%D1%8E-%D1%84%D0%BE%D1%80%D0%BC%D1%83-PopUp-%D1%84%D0%BE%D1%80%D0%BC%D1%83-

  • Avatar
    Юрий Фонарев

    Как привязать окно PopUp к битрикс24? Формы работают, а всплывающее окно не передает данные.

  • Avatar
    Максим Гуйван

    Здравствуйте, Юрий!

    Для использования с сторонними сервисами (интеграции) следует использовать либо стандартные, невсплывающие, формы, либо настраивать PopUp-форму вручную, по руководству:
    https://lpgenerator.zendesk.com/hc/ru/articles/200902823-%D0%9A%D0%B0%D0%BA-%D1%81%D0%B4%D0%B5%D0%BB%D0%B0%D1%82%D1%8C-%D0%B2%D1%81%D0%BF%D0%BB%D1%8B%D0%B2%D0%B0%D1%8E%D1%89%D1%83%D1%8E-%D1%84%D0%BE%D1%80%D0%BC%D1%83-PopUp-%D1%84%D0%BE%D1%80%D0%BC%D1%83-

    Если у вас возникнут сложности с реализацией формы, обращайтесь в нашу службу поддержки: support@lpgenerator.ru - обязательно поможем!

  • Avatar
    Пользователь vik-artemka

    Добрый день, а возможно ли создать поп форму,которая открывалась бы не при нажатии кнопки, а к примеру, сделать ссылку в тексте?

  • Avatar
    Максим Гуйван

    Здравствуйте!

    технически сделать ссылку в тексте можно, но настраивается это сложнее, чем стандартным способом и работает именно с "рукописным" скриптом, ссылка на который есть в предыдущем сообщении.
    Мы бы рекомендовали сделать кнопку прозрачной и разместить её над нужным словом в тексте - в итоге визуально и по действию получится именно то, о чём вы пишете.

  • Avatar
    Пользователь vik-artemka

    Спасибо, но вы меня не правильно поняли. Дело в том, что эта ссылка будет и так уже в скрипте)))) Как получить именно ссылку на форму, возможно ли?

  • Avatar
    Максим Гуйван

    В таком случае понадобится создать дополнительный скрипт, в котором нужно будет указать составной селектор (идентификатор) вашей ссылки, которая расположена внутри текста. По этому составному селектору вы сможете вызывать всплывающую форму.

    Как альтернативный вариант, в скрипте рукописной попап-формы, вы можете указать тот же самый составной идентификатор для вашей ссылки в коде скрипта:
    /* Кнопка, вызывающая форму. Если кнопок несколько их надо вписать через запятую: #block-new1 a, #block-new2 a, #block-new3 a */
    var buttons = '#block-new1 a'; - здесь следует дописать точный идентификатор вашего "слова" со ссылкой.

    Более точную консультацию мы сможем дать, если будем видеть ситуацию детально. Для этого напишите на наш ящик support@lpgenerator.ru и обязательно укажите страницу, на которой настраивается скрипт.

  • Avatar
    Шакир

    Здравствуйте. Скажите как я могу сделать чтобы у меня на лендинге отображался весь pop-up не просто кнопка купить, а сразу: заголовок, имя, телефон, купить.

  • Avatar
    Дмитрий

    Здравствуйте! Воспользуйтесь стандартным инструментом "Форма".

  • Avatar
    Шакир

    Здравствуйте. Скажите, можно ли сделать цвет кнопки поп ап переливающимся? или половина кнопки одного цвета половина другого?

  • Avatar
    Максим Гуйван

    Здравствуйте, Шакир!

    Вы можете использовать для кнопок фоновые изображения, заранее подготовленные в графическом редакторе.

    Либо, как вариант, вы можете создать нужный вам фоновый "переливающийся" цвет - через онлайн-редактор, например, этот:
    http://www.display-inline.fr/projects/css-gradient/
    В нижней части страницы есть кнопка для сохранения изображения с переливающимся цветом - так вы сможете получить нужный вам фон.

  • Avatar
    Марина

    Здравствуйте! А планируется ли показывать, с какого именно pop-up пришли лиды? В системе управления лидами

  • Avatar
    Максим Гуйван

    Здравствуйте, Марина!

    В карточке лида в разделе "Расширенная информация" всегда указывается форма, с которой отправлен лид.

    Если же вы имеете в виду вывод названия формы прямо в таблицу лидов, тогда сделать это можно при помощи дополнительных скриптов, а в стандартных возможностях такой реализации нет. Подробнее вы сможете узнать в нашей службе поддержки support@lpgenerator.ru.

  • Avatar
    Андрей

    Здравствуйте подскажите как в результате формы поменянь цвет текста? там темно серый а мне нужно чтобы был белый нигде не могу найти изменение цвета текста окна сообщения после заказа

  • Avatar
    Максим Гуйван

    Здравствуйте, Андрей.

    Цвет текста в сообщении не настраивается через свойства формы, однако может быть вручную задано через css-свойства.
    Вы можете воспользоваться инструментом редактора "Скрипты", создать новый скрипт, установить местоположение "после тела HEAD", а в тело скрипта вставить следующий код:

    <style>
    .internal
    {
    color: #fff
    }
    </style>

    Если речь идёт о виджете поп-ап - тогда скрипт должен быть таким:

    <script>
    setInterval(function() {
    jq_144('#overlay-block-new8 div[class="confirmation show"]').css({'color':'#ffffff'});
    }, 500);
    </script>

    ВАЖНО: вместо цифры 8 укажите номер поп-ап формы, в свойстве color - желаемый цвет.

  • Avatar
    Артур

    Я добавил лид форму через конструктор секций, как выяснилось, она не отсылала данные на почту! Кучу денег слил на рекламу и клики! Вместо контактных данных пользователей я получал вот такие милые сообщения "" "" "" Спасибо!)

  • Avatar
    Максим Гуйван

    Здравствуйте, Артур!

    Конструктор секций - функция новая, экспериментальная, которая проходит стадию тестирования и выявления ошибок. Кроме того, любую лид-форму, размещённую на странице, необходимо тестировать, то есть отправить пробный лид.

    Что касается знаков "" "" - обычно, это происходит, когда поля лид-формы необязательные. То есть "лид" отправляется при нажатии кнопки "отправить", даже если никаких данных в поля формы не было записано.

    Если вы уточните, о какой странице и какой учётной записи идёт речь - мы сможем точнее описать ситуацию. Пишите сразу на наш адрес support@lpgenerator.ru - обязательно выясним!

На базе технологии Zendesk