Вызов формы по клику на кнопку или после заполнения другой формы

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

Как вызвать форму Popmechanic по клику на любой элемент сайта?
Вы можете вызывать форму на своем сайте по клику на любой элемент - картинку, кнопку, ссылку и т. д.


Как вызвать форму Popmechanic по действию с другой формой?
Но иногда бывает нужно, чтобы одна форма Popmechanic при клике или заполнении её вызывала другую форму.
Например, когда это формы разных форматов - сначала показать большое всплывающее окно "Хотите промокод на 1 заказ?" и если в форме нажимают "Да", то должна открыться форма-лента внизу экрана.

Для этого вам нужно:
1) Создать и активировать ОБЕ формы, которые вы хотите показывать.
Вторую форму можно установить с таргетингом только по тестовой ссылке, чтобы она не показывалась просто так, если это не нужно.

2) В форме, которая должна вызывать другую форму необходимо зайти в раздел Интеграции - JS-вызов:
Тут:
форма 1 - основная
форма 2 - дополнительная, показывается только после заполнения основной

3) Необходимо выбрать нужное окошко, в которое ввести код.
Есть такие варианты времени JS-вызова для формы:
1. Код при отрисовке формы - форма еще не показалась, а нам нужно уже совершить вызов
2. Код при показе формы - форма показалась и нам нужно что-бы что-то произошло в момент показа
3. Код при отправке контактов - подписчик нажал на кнопку подписаться и отправил контакты или главную кнопку формы, если форма без возможности отправить контакты
4. Код при закрытии формы (после отправки) - подписчик отправил контакты, увидел экран благодарности и закрыл форму или она закрылась автоматически после отправки контактов
5. Код при закрытии формы (при отмене отправки) - посетитель сайта увидел форму и закрыл её не заполнив.

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

Например, вы хотите показывать промокод тем, кто отправил контакты.
В таком случае вы можете выбрать вариант 3 или 4 (будет показываться вместе с экраном благодарности или при полном закрытии формы после отправки контактов)

4) Скопировать в нужное окошко такой код:
{ PopMechanic.show(11265, true); }
где вместо 11265 - id формы, которую вам нужно показать в нужный момент действия с предыдущей формой

ID вы можете посмотреть непосредственно в url, открыв форму:
где посмотреть id формы, которое нужно вписать в код
Если у вас остались вопросы или что-то не получается - пишите нам в чатик сбоку :)
Вам была полезна эта статья?