Мастер Аддоны
  • Виджеты
    • Переменные журналы
      Исходный код НОВЫЙ ПРО
      Кальдера Формы
      Логотип Слайдер
      Оглавление
      Гравитационные формы
      Преобразует ПРО
      Ограничить контент ПРО
      Таблица цен
      Форма ниндзя
      Майлшимп
      Совет инструмента
      Всплывающий триггер НОВЫЙ ПРО
      Какой Элемент НОВЫЙ
      Креативная кнопка
      Креативные ссылки НОВЫЙ
      Поиск домена ГОРЯЧИЙ ПРО
      Двойной заголовок ГОРЯЧИЙ
      Флипбокс
      Анимированный градиент BG ГОРЯЧИЙ ПРО
      Точка доступа к изображению ПРО
      Инфобокс
      Новости Тикер ПРО
      Частицы
      Прогресс Бар
      Внехолстовый контент НОВЫЙ ПРО
      Прогресс-бар чтения ГОРЯЧИЙ
      Пользовательские JS
      Блокцитата
      Встречный
      Эффекты наведения изображения
      Раскрывать НОВЫЙ ПРО
      Реллакс ПРО
      Позиционирование
      Сравнение изображений
      Вкладки
      Переключить контент ГОРЯЧИЙ ПРО
      Дубликатор сообщений/страниц БЕСПЛАТНО
      Плавающие эффекты ПРО
      Мега Меню ГОРЯЧИЙ
      Пользовательские CSS ГОРЯЧИЙ
      Градиентный заголовок
      Расширенное изображение
      Меню навигации
      Советы по инструментам
      Таблица сравнения ПРО
      Стекломорфизм
      Рекомендуемый продукт ПРО
      Изображение Карусель
      Галерея Слайдер НОВЫЙ ПРО
      Динамические теги НОВЫЙ
      Таймер обратного отсчета
      Текущее время
      Шаблоны
      Обертка Ссылка
      Хронология
      Член команды
      Контактная форма 7
      Продвинутая гармонь
      Анимированные заголовки
      Блог
      Деловые часы
      Призыв к действию
      Прогресс Барс
      Фоновый слайдер
      Командный слайдер
      Динамическая таблица
      Сетка Линия ПРО
      Формы WP
      Поиск
      Мы формируем
      Входная анимация НОВЫЙ ПРО
      Условия отображения ПРО
      Фильтруемая галерея изображений
      Формы WP
      Пользовательские точки останова НОВЫЙ
  • Особенности
    • Тема Строитель

      Разработайте шаблоны для всего сайта, чтобы обеспечить единообразный внешний вид на каждой странице вашего веб-сайта.

      Попап Строитель

      Создавайте привлекательные всплывающие окна, модалы и панели объявлений - чтобы захватывать потенциальных клиентов.

      Виджет Строитель

      Разверните Elementor с помощью расширенных пользовательских виджетов, чтобы создавать более динамичные макеты.

      Мега Меню Строитель

      Создавайте многоколоночные меню со значками и изображениями для превосходной навигации.

      Пользовательские Css

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

      Динамические теги

      Вставьте динамический контент, такой как заголовки публикаций и пользовательские поля, непосредственно в дизайн.

      Условия отображения

      Видимость элемента управления на основе роли пользователя, устройства, времени и других правил.

      Библиотека значков

      Выбирайте из тысяч встроенных значков, чтобы улучшить визуальные эффекты и последовательность.

      Анимация

      Добавьте прокрутку, зависание, вход и многое другое анимацию, чтобы воплотить дизайн в жизнь.
  • Шаблонные наборы
    • Шаблонные наборы

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

      Готовые секции

      Предварительно построенные разделы контента и строки. Перетащите, опустите и настройте мгновенно.

      Готовые всплывающие окна

      Различные типы High-конвертируя всплывающие конструкции. импортировать и запустить быстро.

      Шаблоны страниц Elementor

      Полные макеты страниц для любых целей. начните редактировать немедленно.

      Готовый заголовок

      Множественные современные дизайны заголовков Импорт и адаптация к вашему бренду.

      Готовый нижний колонтитул

      Полностью разработанные нижние колонтитулы для различных веб-сайтов. добавьте функциональность и стиль в кликах.
  • Бренды
    • WP Админировать

      WP Админировать

      Возьмите под контроль панель управления WordPress. Настройте работу администратора.
      Редактор панели администратора

      Редактор панели администратора

      Настройте панель администратора WordPress для более чистого и персонализированного рабочего пространства.
      Логинфи

      Логинфи

      Настройте страницу входа в WordPress с помощью брендинга, стилей и улучшений безопасности.

      Ролемастер-люкс

      Точно управляйте ролями и разрешениями пользователей для большей безопасности и рабочего процесса.
      Мастер Блоки

      Мастер Блоки

      Расширьте редактор Гутенберга с помощью расширенных пользовательских блоков для более креативных макетов.
      WP Прожектор

      WP Прожектор

      Мгновенный поиск и доступ к функциям, сообщениям и настройкам администратора из любого места.
  • Темы
  • Помощь
    • Получите поддержку
    • Документация
    • Сообщество Facebook
    • Переменные журналы
  • Блог
Цены
🇷🇺RU
  • 🇺🇸EN
  • 🇸🇦AR
  • 🇧🇩BN
  • 🇩🇰DA
  • 🇩🇪DE
  • 🇪🇸ES
  • 🇫🇷FR
  • 🇮🇳HI
  • 🇰🇷KO
  • 🇵🇹PT
  • 🇷🇺RU
  • 🇨🇳ZH

Начало работы

  • Не можете увидеть элемент Master Addon внутри редактора Elementor Page?
  • Как подать заявку на получение партнерской учетной записи?
  • Версия Active Pro
  • Установка плагина

Аддоны

  • Настройки виджета всплывающего триггера
  • Настройки виджетов контента вне холста
  • Настройки виджета ползунка логотипа
  • Настройки виджетов строк прогресса
  • Настройки карусели изображения
  • Рекомендуемые настройки виджетов продуктов
  • Настройки виджетов таблицы сравнения
  • Настройки виджета исходного кода
  • Расширенные настройки виджета изображений
  • Градиентные настройки виджетов заголовков
  • Настройки ползунка галереи
  • Переключить настройки виджетов контента
  • Настройки виджета информационного поля
  • Настройки виджетов временной шкалы
  • Настройки динамического виджета таблицы
  • Настройки виджетов Mailchimp
  • Настройки виджета Blockquote
  • Настройки виджетов Changelog
  • Настройки виджета таймера обратного отсчета
  • Настройки виджета текущего времени
  • Поиск Настройки виджета
  • Фильтруемая галерея изображений
  • Настройки виджета командного слайдера
  • Настройки виджета Counter Up
  • Ограничить настройки контента
  • Таблица содержимого Настройки виджетов
  • Настройки виджета точки доступа к изображениям
  • Настройки виджета сравнения изображений
  • Настройки виджета тикера новостей
  • Эффекты наведения изображения
  • Настройки вкладок
  • Настройки виджетов таблицы цен
  • Настройки виджета меню навигации
  • Настройки виджета поиска домена
  • Настройки виджета Flipbox
  • Настройки подсказки
  • Настройки виджетов Creative Links
  • Настройки виджетов "Деловые часы"
  • Контактная форма 7 Настройки виджета
  • Креативные настройки виджетов кнопок
  • Настройки анимационных заголовков
  • Расширенные настройки виджета аккордеона
  • Настройки виджета "Вызов в действие"
  • Настройки виджета панели прогресса
  • Сообщения в блоге Настройки виджетов
  • Настройки виджетов участников команды
  • Настройки двойного заголовка

Расширения

  • Настройки библиотеки значков
  • Настройки мегаменю
  • Какие настройки расширения элементов
  • Настройки расширения дубликатора сообщений/страниц
  • Настройки расширения линии сетки
  • Настройки расширения стекломорфизма
  • Настройки расширения подсказки
  • Настройки ссылки Wrapper
  • Настройки расширения плавающих эффектов
  • Настройки динамических тегов
  • Настройки расширения условий отображения
  • Настройки входной анимации
  • Пользовательские настройки точек останова
  • Анимированные настройки расширения градиента BG
  • Настройки расширения Reveal
  • Настройки расширения частиц
  • Настройки расширения фонового ползунка
  • Преобразует настройки расширения
  • Настройки расширения Rellax
  • Настройки расширения позиционирования
  • Пользовательские настройки CSS

Виджет Строитель

  • Условия
  • Синтаксис TWIG
  • Введение панели настроек
  • Делитель
  • Текстовая тень
  • Выбрать2
  • Граница
  • Заголовок
  • Вкладки
  • Ретранслятор
  • Визуальный выбор
  • Фон
  • Размеры
  • Коробка Тень
  • Слайдер
  • Иконки
  • Галерея
  • Медиа
  • Поповер Тоггл
  • URL-поле
  • Дата Время
  • Типографика
  • Шрифт
  • Цвет Поле
  • Выбирать
  • Выбрать
  • Коммутатор
  • Скрытый
  • Код
  • ВЫСИВИГ
  • Текстареа Филд
  • Номер
  • Текстовое поле

Тема Строитель

  • Комментарий Форма
  • 404
  • Поиск
  • Архив
  • Одиночный
  • Нижний колонтитул
  • Заголовок

Попап Строитель

  • Как открыть всплывающее окно после бездействия в Elementor
  • Как показать всплывающее окно "Намерение выхода" в Elementor
  • Как открыть всплывающее окно при прокрутке к определенному элементу в Elementor
  • Как открыть всплывающее окно в прокрутке на Elementor
  • Как открыть всплывающее окно нажатием "Нажмите на Элементор"
  • Как открыть всплывающее окно при загрузке страницы?
  • Всплывающие настройки и параметры

Шаблонный комплект

  • Как импортировать наборы шаблонов в главные дополнения
  • Как отключить шрифты и цвета Elementor по умолчанию
  • Импортировать наборы шаблонов элементов
Посмотреть категории
  • Главная
  • Документы
  • Попап Строитель
  • Как открыть всплывающее окно при загрузке страницы?

Как открыть всплывающее окно при загрузке страницы?

Рой Джеми
Обновлено 13 июня 2026 г

3 мин чтения

Всплывающее окно загрузки страницы открывается само собой в тот момент, когда страница завершает загрузку, прежде чем посетитель прокрутит или щелкнет что-либо. Это наиболее распространенный способ показать приветственное предложение, регистрацию по электронной почте или объявление. В Мастер Аддоны Всплывающий конструктор, На Загрузка страницы триггер уже выбран по умолчанию, поэтому совершенно новое всплывающее окно ведет себя таким образом из коробки.

Изменил триггер раньше (на On Scroll, On Exit Intent или что-то еще) и теперь хотите, чтобы всплывающее окно снова появилось при загрузке страницы? Это руководство проходит через его повторную настройку, а также опционально Задержка после загрузки страницы таймер. это тот же Popup Builder, который бесплатно поставляется с Master Addons для Elementor.

Прежде чем начать #

  • Всплывающее окно, уже созданное в Master Addons Popup Builder (см. всплывающее руководство по настройкам чтобы создать один)
  • Элементор установлен и активен
  • Установлены и активны главные дополнения для Elementor (руководство установки)

Шаг 1: Откройте всплывающее окно в Элементоре #

Перейти к Мастер-аддоны → Popup Builder. Найдите всплывающее окно, которое вы хотите показать, при загрузке страницы, наведите курсор на ее имя и нажмите Редактировать с помощью Elementor. Всплывающее окно открывается в редакторе Elementor с помощью Настройки всплывающего окна MA панель слева.

Шаг 2. Установите триггер открытия всплывающего окна на загрузку страницы #

В Настройки всплывающего окна MA панель, откройте Настройки раздел и найдите Открыть всплывающее окно раскрывающийся. На свежем всплывающем окне он уже читается На Загрузка страницы. Если он показывает другой триггер, потому что вы переключили его раньше, нажмите раскрывающийся список и выберите На Загрузка страницы с вершины списка.

То же раскрывающееся число удерживает и другие триггеры: "Нажать", "На прокрутке", "На прокрутке к элементу", "На выходе", "После бездействия" и "Настраиваемый". На загрузке страницы сидит первым, поэтому быстро переключается обратно.

Откройте раскрывающийся список всплывающих окон во всплывающих параметрах MA с помощью встроенной загрузки страницы, выбранной в верхней части списка

Шаг 3: Установите дополнительную задержку после загрузки страницы #

С На Загрузка страницы выбран, увидите а Задержка после загрузки страницы (сек) поле. это сколько секунд всплывающее окно ждет после загрузки страницы, прежде чем она появится. Оставьте это на 0 и всплывающее окно отображается мгновенно. Установите это 2 или 3 и страница получает момент, чтобы уладить сначала, что обычно кажется посетителю менее резким.

Задержка после того, как поле "Загрузка страницы" установлено на 2 секунды под триггером "Загрузка страницы" в главных дополнениях

Несколько связанных вариантов находятся на одной панели:

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

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

Шаг 4: Проверьте его на передней части #

Откройте любую страницу, на которую распространяются условия отображения всплывающего окна, и загрузите ее на лицевую сторону. Когда страница входит, всплывающее окно все еще находится в пути, если вы установите задержку.

Домашняя страница веб-сайта по сантехнике в реальном времени загружается на передней панели перед появлением всплывающего окна

Через секунду-две (или сразу, если задержка равна 0) всплывающее окно открывается над страницей само по себе. одно и то же всплывающее окно отображается на каждой странице, включенной в условия ее отображения.

Всплывающее окно "Мастерские надстройки", появляющееся при загрузке страницы через содержимое страницы в реальном времени

Устранение неполадок #

  • Всплывающее окно не отображается при загрузке страницы? Проверьте Открыть всплывающее окно выпадающий первый. Если он был переключен на другой триггер, установите его обратно на "Нагрузка на страницу".
  • Долго не появляется? Опустите Задержка после загрузки страницы значение или установите его на 0 для мгновенного всплывающего окна.
  • Только один раз, никогда больше? Вот и Показать снова задержку на работе. Откажите его до уровня "Без задержки" во время тестирования, чтобы он снова открывался при каждой нагрузке.
  • Совсем не показываются на странице? Проверьте, есть ли всплывающее окно Активация включен, и условия его отображения фактически включают страницу, которую вы тестируете.

Часто задаваемые вопросы #

Как показать всплывающее окно при загрузке страницы в Elementor?

Отредактируйте всплывающее окно в Elementor, откройте панель "Настройки всплывающего окна MA" и настройте "Открыть всплывающее окно" для загрузки страницы. Оно выбрано по умолчанию, поэтому новое всплывающее окно уже загружается таким образом. Если хотите, добавьте задержку в секундах, затем опубликуйте.

Что делает Задержка после загрузки страницы (сек)?

Он устанавливает, сколько секунд всплывающее окно ждет после загрузки страницы перед открытием. В 0 это отображается мгновенно. В 2 или 3 он позволяет странице сначала оседать, что кажется посетителю менее резким.

Почему мое всплывающее окно больше не отображается на загрузке страницы?

Триггер Open Popup, скорее всего, был изменен на что-то другое, например, On Scroll или On Exit Intent. Откройте всплывающее окно в Elementor и установите раскрывающийся список Open Popup обратно в раздел "На загрузке страницы".

Могу ли я запретить показ всплывающего окна на каждом просмотре страницы?

Да. Используйте опцию "Показать снова задержку", чтобы установить, за какое время всплывающее окно может появиться снова после его закрытия посетителем, от одной минуты до полного месяца.

Нужен ли мне Elementor Pro для всплывающего окна загрузки страницы?

Нет. Master Addons Popup Builder работает с бесплатной версией Elementor, поэтому триггер "Загрузка на странице" и настройка "Задержка после загрузки страницы" работают без Elementor Pro.

Связанное чтение #

  • Настройки всплывающего конструктора главных дополнений
  • Как добавить всплывающее окно в Elementor бесплатно
  • Мастер Аддоны Всплывающий конструктор
Какие у вас чувства

Поделитесь этой статьей:

  • Фейсбук
  • Х
  • LinkedIn
  • Пинтерест
Все еще застрял? чем мы можем помочь?

Чем мы можем помочь?

Обновлено 13 июня 2026 г
Как открыть всплывающее окно нажатием "Нажмите на Элементор"Всплывающие настройки и параметры
Оглавление
  • Прежде чем начать
  • Шаг 1: Откройте всплывающее окно в Элементоре
  • Шаг 2. Установите триггер открытия всплывающего окна на загрузку страницы
  • Шаг 3: Установите дополнительную задержку после загрузки страницы
  • Шаг 4: Проверьте его на передней части
  • Устранение неполадок
  • Часто задаваемые вопросы
    • Как показать всплывающее окно при загрузке страницы в Elementor?
    • Что делает Задержка после загрузки страницы (сек)?
    • Почему мое всплывающее окно больше не отображается на загрузке страницы?
    • Могу ли я запретить показ всплывающего окна на каждом просмотре страницы?
    • Нужен ли мне Elementor Pro для всплывающего окна загрузки страницы?
  • Связанное чтение

Присоединяйтесь к более чем 30 000 веб-создателей, которые доверяют главным аддонам

Получите все премиум-виджеты и шаблоны, которые вы желаете, построенные с чистым кодом, который поддерживает ваш сайт быстро. Выбросьте раздутое, а не функции.

Попробуйте Live Demo
Присоединяйтесь к сообществу
Мастер-аддоны для Elementor
Логотип главных аддонов

80 премиум-виджетов & пожизненные обновления & Build Beyond Limits.An Exclusive Creation by Пиксар Лабс

Фейсбук-ф Твиттер Ютуб Вордпресс
Особенности
  • Шаблонные наборы
  • Библиотека шаблонов
  • Виджет Строитель
  • Тема Строитель
  • Мега Меню Строитель
Поддержка
  • Форум поддержки
  • Свяжитесь с НАМИ
  • Присоединяйтесь к сообществу
  • Блог
  • Видео Отзывы
Ресурсы
  • Мой аккаунт
  • Перемены
  • Документация
  • Видео Учебники
  • Toolz.dev
Навигация
  • Подайте заявку на Партнерство
  • Условия использования
  • Политика возврата
  • Политика конфиденциальности
  • О нас