Виджет кнопки закрытия всплывающего окна Elementor (попап-триггер)

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

Виджет кнопки закрытия всплывающего окна триггера внутри всплывающего окна "Мастер-аддоны"

Как добавить кнопку закрытия во всплывающее окно Elementor

Вам нужен Elementor и бесплатный плагин Master Addons. если вы еще не создали всплывающее окно, начните с как добавить всплывающее окно в Elementor бесплатно.

  1. Перейти к Мастер Аддоны, Всплывающие окна и откройте всплывающее окно в Элементоре.
  2. Поиск для Всплывающий триггер и перетащите его во всплывающее содержимое.
  3. Выберите Кнопка Действие: Крупный план, закрывайте навсегда или возвращайтесь к рефереру.
  4. Для всплывающего окна крупным планом, набор Показать снова задержку. Включать Перенаправить на URL-адрес при закрытии если щелчок должен перенести посетителя на другую страницу.
  5. Установите текст кнопки, значок и выравнивание, затем поместите его на вкладку "Стиль".
  6. Опубликуйте всплывающее окно и протестируйте кнопку на передней панели.
Всплывающее окно Триггер Показать снова Настройка задержки

Решите, когда всплывающее окно разрешено вернуться

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

  • Семнадцать предустановок задержки: Выпадающий работает от одной минуты до одного месяца: минуты на 1, 3, 5, 10 и 30, часы на 1, 3, 6 и 12, затем дни на 1, 3, 5, 7, 10, 15 и 20. Оставьте его без задержек, и всплывающее окно снова появится на следующей странице загрузки.
  • Вспомнили в Браузере: Близкое время уходит в собственное хранилище браузера посетителя, привязанное к идентификатору того всплывающего окна, чтобы оно работало, никому не нужно входить в систему, а каждое второе всплывающее окно на сайте сохраняет свой отдельный тайминг.
  • Разные кнопки, разные правила: Поскольку задержка живет на кнопке, а не на всплывающем окне, две кнопки закрытия в одном всплывающем окне могут вести себя по-разному. кнопка “Напомните мне позже” устанавливает паузу на один день, в то время как кнопка “No благодарности” рядом с ней закрывает всплывающее окно навсегда.

Отправьте людей куда-нибудь, а не куда-нибудь

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

  • Любой URL-адрес, который вы хотите: Нажмите кнопку закрытия на странице цен, статье поддержки, более дешевом плане или прямо на оформление заказа. Включите переключатель, вставьте ссылку, и перенаправление сработает после закрытия всплывающего окна.
  • Динамическая поддержка тегов: Поле URL принимает динамические теги Elementor, поэтому пункт назначения может прийти из сообщения или из пользовательского поля вместо жесткого кодирования. Один всплывающий шаблон может затем отправлять посетителей куда-то по-разному на каждой странице, которая появляется.
  • Только та же вкладка: Перенаправление выполняется на той же вкладке браузера сразу после закрытия всплывающего окна. опции "Новая вкладка" и "Нет подписки" в поле ссылки здесь не действуют.
Всплывающий триггер перенаправляет на URL-адрес при закрытой настройке
Элементы управления стилем кнопки Popup Trigger

Создайте ее так же, как любую другую кнопку на своем сайте

Триггер - это нормальный элемент Elementor, а значит, он поставляется с полной вкладкой Стиль. все в нем отвечает вашему дизайну, а не встроенной разметке всплывающего окна.

  • Ваши слова, а не “Close”: Текст кнопки представляет собой обычное текстовое поле, и он также принимает динамические теги. “Может быть, позже” или “Продолжить сайт” сообщает посетителю, что будет делать щелчок, а это больше, чем управляет угловой символ.
  • Значок до или после: Добавьте значок "Удивительный шрифт" или пользовательский значок SVG и поместите его до или после метки или установите значение "Положение значка нет" и пропустите его. Отдельные ползунки управляют размером SVG и зазором между значком и текстом.
  • Нормальные и зависающие состояния: Цвет текста, цвет фона, цвет границы и тень коробки каждый получает свои собственные значения Normal и Hover.Длительность перехода - это числовое поле, поэтому hover может щелкнуть или облегчить в зависимости от того, как ведут себя остальные кнопки.

Всплывающее окно крупного плана Elementor Pro против всплывающего триггера

Всплывающие окна Elementor Pro вблизи от любой кнопки ссылки, установленной на действие Всплывающее окно Всплывающий триггер выполняет ту же работу для всплывающих окон, сделанных с помощью всплывающего конструктора главных дополнений.

ОсобенностьВсплывающее окно Elementor Pro с близким эффектомВсплывающий триггер Master Add
Работает сВсплывающие окна Elementor ProВсплывающие окна Master Addons
НастройкаДинамическая ссылка на виджет "Кнопка"Специальный виджет со своим собственным управлением стилем
Перестаньте показывать снова“Не показывай снова” переключитьсяЗакрыть навсегда или снова показать задержку от 1 минуты до 1 месяца
Перенаправить после закрытияНет, если только вы не добавите собственный кодДа, перенаправьте на URL-адрес при закрытии
Вернитесь на предыдущую страницуНетДа, вернитесь к Реферреру
Открыть всплывающее окно нажатием кнопки мышиДа, всплывающее окно Открытое действиеНет. В главных дополнениях это триггер On Click, которому нужен Pro
СтоимостьЭлементор ПроБесплатно

Связанный: the Мастер Аддоны Всплывающий конструктор, Условия отображения (Про) и Призыв к действию для всплывающего контента.

Просмотрщик шаблонов
Фейсбук
Твиттер
WhatsApp
Копировать ссылку
Купить сейчас
Всплывающий триггер Закрыть кнопку
Всплывающий триггер Закрыть кнопку

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

Ответы на распространенные вопросы о виджете Master Addons Popup Trigger.

Что делает виджет Popup Trigger?

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

Нет. всплывающий триггер закрывает только всплывающие окна Чтобы открыть всплывающее окно "Мастер-аддоны", когда кто-то нажимает кнопку, установите параметр "Открыть всплывающее окно" для всплывающего окна "Нажать" и введите селектор CSS. On Click - триггер Master Addons Pro. Бесплатный плагин открывает всплывающие окна при загрузке страницы.

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

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

Да. всплывающий триггер и всплывающий конструктор находятся в бесплатном плагине Master Addons. Pro добавляет всплывающие триггеры, такие как On Click, On Scroll и Exit Intent, а также таргетинг страниц.

Смотрите Документация Popup Trigger для каждой настройки со скриншотами.

Виджеты и расширения трендовых элементов

Создавайте сложные веб-сайты за меньшее время.

Расширение Master Addons Glassmorphism для Elementor: карты из матового стекла с элементом управления значением размытия, установленным в 20px

Стекломорфизм

Главная Бесплатный элемент Расширение стекломорфизма: эффект матового стекла в одном переключении Стекломорфизм - это матовый...
Посмотреть детали
Расширение Master Addons Container Extras для Elementor: контейнер с максимальной шириной 1400px, с регуляторами максимальной ширины, максимальной высоты, минимальной ширины и минимальной высоты

Дополнительные контейнеры

Главная Элементор Контейнер Максимальная ширина и максимальная высота Контролирует контейнер Дополнительно является бесплатным Мастер...
Посмотреть детали
Расширение Master Addons Patterns для Elementor: герой со стилем Purple Gradient Grid Left, еще тремя стилями шаблонов и панелью Enable Pattern

Шаблоны

Главная 70+ бесплатных шаблонов фона элементара - это бесплатное расширение Master Addons, которое добавляет...
Посмотреть детали
Расширение Master Addons Post/Page Duplicator для Elementor: ссылка на строку MA Duplicator в списке WordPress Pages, создающая целевую страницу - [Дублированный № 128] черновик

Дубликатор сообщений/страниц

Главная Дублировать страницы Элементор и сообщения в один клик Пост/Пейдж Дупликатор является бесплатным Мастер...
Посмотреть детали
Расширение Master Addons Reading Progress Bar для Elementor: синяя полоса на 42% заполнена в верхней части страницы политики конфиденциальности с настройками включения, положения, высоты и цвета заполнения

Прогресс-бар чтения

Главная Добавить панель прогресса чтения в WordPress (Элементор) Панель прогресса чтения бесплатна...
Посмотреть детали