Продающие лендинги от отдела
дизайна LPgenerator

Используем технологии:
4U, AIDA, ХПВ, психология влияния Р. Чалдини, управление взглядом
  • 4U
  • AIDA
  • ХПВ
  • психологии влияния Р. Чалдини
  • управления взглядом
  • нейромаркетинг
Готовность от 7 дней

“Всплывающая” форма (PopUp-форма)

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

Для того, чтобы добавить в свою целевую страницу «всплывающую» форму:

1. Войдите в редактор страницы, в которую должна быть встроена форма.

2. Для устранения конфликта библиотек jQuery, скопируйте код, размещенный здесь, и вставьте его через инструмент «Скрипты», установив положение «После тега <BODY>:

устранение конфликта

 

Внимание! Данный код нужно вставлять однократно!

Его работа будет распространяться на все встроенные скрипты (галереи, слайдеры, pop-up формы и т. д.).

 

3. С помощью инструмента «Кнопка» создайте кнопку:

Кнопка

Эта кнопка будет отображаться на целевой странице, поэтому текст на ней должен соответствовать целевому действию, которое последует за ее нажатием (например, «Заказать звонок!»). В строке URL вы можете указать любую ссылку (например, на основной сайт), т. к. она нужна только для создания кнопки.

4. С помощью инструмента «Форма» создайте форму:

Форма

Форма будет появляться после нажатия на кнопку, название меток должно соответствовать целевому действию (например, «Имя» и «Телефон» для кнопки «Заказать звонок!»).

5. Скопируйте код, опубликованный здесь.
6. Вставьте скопированный код через инструмент «Скрипты» перед тегом </BODY>:

скрипты

7. Найдите в коде строчки:

ID

В них вам потребуется изменить значение ID для каждого элемента соответственно.

8.1 В ID под номером 1 на скриншоте вам нужно вписать ID формы. Для этого кликните 1 раз по полям формы, войдите во вкладку «Расширенные» меню «Свойства» справа и скопируйте «ID якоря»:

ID якоря

8.2 В строке 2 на скриншоте вам нужно вписать ID кнопки, связанной с формой.
8.3 В строке 3 на скриншоте — ID кнопки, которая будет отображаться на странице.

9. Сохраните изменения:

Сохраните изменения

Вот и все. «Всплывающая форма» готова.

Кнопка

Форма

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

Если у вас возникли проблемы при создании всплывающей формы, вы можете обратиться к «Онлайн-консультанту» (вкладка, расположенная справа в личном кабинете). Получить консультацию в режиме реального времени можно с 12–15 по МСК (кроме выходных и праздничных дней). Если вопрос возник в другие часы, на ваше имя будет открыт тикет, который поступит в систему и будет обработан в ближайшее время.

С уважением,
служба технической поддержки LPgenerator

23 октября 2012

LPgenerator — профессиональная Landing Page платформа для увеличения продаж вашего бизнеса

  • Более 500 шаблонов в галерее
  • Инструменты оптимизации конверсии
  • Статистика и сквозная аналитика
  • CRM для работы с заявками и телефония
  • Визуальный редактор с расширенным функционалом
  • Быстрая техническая поддержка
  • Множество интеграций
  • Окупаемость инструмента — от 7 дней
blog comments powered by Disqus
copyright © 2011–2017 by LPgenerator LLC. Все права защищены
Запрещено любое копирование материалов ресурса без письменного согласия владельца — ООО "ЛПгенератор".