Как скрыть попап через N секунд после показа
  • 09 Feb 2022
  • 1 минута
  • Темная тема
    Светлая тема
  • формат pdf

Как скрыть попап через N секунд после показа

  • Темная тема
    Светлая тема
  • формат pdf

Article Summary

Задача:
Скрывать форму через N секунд после показа.
Для разных типов форм эта задача решается по-разному.

1. Попап с одним экраном

Для этого нужно зайти в настройки формы. Далее "Действия после заполнения формы" → "Вызвать пользовательский JS" → "Показ формы":

Снимок экрана 2021-06-23 в 16.01.41.png

Подставить следующий код:

setTimeout(
	function() {
		PopMechanic.$("[data-popmechanic-close]").click();
		},
		N * 1000
);

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

2. Попап со сбором контактов с двумя и более экранами

По умолчанию после заполнения формы попап скрывается через 5 секунд. То есть на 5 секунд открывается экран благодарности, а потом попап исчезает, чтобы не надоедать пользователю.

  1. Если нужно, чтобы попап не скрывался автоматически, то в любой текст на экране благодарности надо добавить следующий код:
<span style="display:none;">%customs.result%</span>

Например:
image.png
Этот код нигде в попапе не будет отображаться, поэтому его можно вставлять в любое место.

  1. Если нужно, чтобы попап скрывался через N секунд, то необходимо выполнить пункт 1, а далее в блок "Действия после заполнения формы" → "Вызвать пользовательский JS" → "Отправка контактов":
    image.png

Подставить следующий код:

setTimeout(
	function() {
		PopMechanic.$("[data-popmechanic-close]").click();
		},
		N * 1000
);

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

Если у вас возникли сложности на любом шаге настройки – напишите в нашу поддержку.

Чат с поддержкой есть справа внизу.