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

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

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

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

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

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

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

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

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

Кнопка

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

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

Форма

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

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

скрипты

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

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

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

ID якоря

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

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

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

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

Кнопка

Форма

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

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