Всплывающее popup окно при закрытии страницы WordPress плагин

Прибамбасы для сайта

Привет. Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress. Сегодня вы узнаете как сделать на своём сайте всплывающее popup окно, которое будет появляться при попытке закрыть страницу сайта.

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

Можно настроить размер и расположение popup окна. Содержание popup окна вы сможете создать с помощью визуального редактора WordPress.

Установить плагин Uji Popup вы сможете прямо из админ-панели WordPress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

Uji Popup

 

Далее, после установки и активации плагина, перейдите на страницу: Uji Popup – Popup Options. Здесь вы сможете настроить основные параметры плагина.

 

Popup Options

 

– Top Bar Background Color, цвет слоя, который отображается поверх страницы, на фоне всплывающего окна.

– Top Bar Text Color, цвет текста в popup окне.

– Content Background, цвет фона popup окна.

– Close Button Style, стиль закрывающей кнопки всплывающего окна.

– Cache Plugin, включите данную функцию, если используете плагины для кэширования – WP Super Cache или W3 Total Cache. После включения данной функции и сохранения настроек, очистите кэш сайта.

– Show countdown, можно добавить к всплывающему окну обратный отсчёт. Не обязательно. Можно будет указать сколько окно будет отображаться в секундах после открытия. Можно указать время задержки в секундах, перед открытием всплывающего окна.

– Translate texts, если вы будете использовать функцию “Countdown”, то здесь можно перевести заголовки, которые используются в данной функции.

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

 

Далее, чтобы добавить содержание в popup окно, перейдите на страницу – Add New Popup.

 

Add New Popup

 

Далее, на странице создания popup окна, укажите заголовок окна, включите popup окно, переведя параметр “Include this Popup” в зелёное положение. Добавьте содержание всплывающего окна.

 

Enable/Disable this popup

 

Справа в настройках “Popup Style”:

– Enable Autosize, включите авто-определение размера окна, либо укажите свои размеры ширины и высоты окна.

– Position, выберите расположение popup окна.

– Content Spaces, можно указать размер отступов от края окна до края сайта. Не обязательно.

– Show Close Button, показать кнопку для закрывания всплывающего окна.

– Close Click Outside, закрывать окно при нажатии по странице.

 

Where to show.

– Enable on Home Page, показывать окно только на Главной странице.

– Enable on All Pages, показывать окно на всех страницах.

– Enable on Custom Pages, вы сможете выбрать на каких конкретно страницах показывать popup окно.

– Link or Button, вы сможете указать текст, при нажатии на который будет появляться popup окно. Скопируйте шорткод, добавьте на страницу, в запись или в виджет и т.д., вставьте в шорткод свой текст.

 

Settings.

– Exit-intent, поставьте здесь галочку, чтобы всплывающее окно появлялось только при попытке закрыть страницу сайта. Иначе окно будет появляться сразу при открытии страницы.

Вверху справа нажмите на кнопку – Опубликовать.

 

Всё готово. Перейдите на сайт, попытайтесь закрыть страницу. До того как вы закроете страницу у вас появится всплывающее popup окно.

 

всплывающее popup окно

 

Остались вопросы? Напиши комментарий! Удачи!

 

info-effect.ru
Добавить комментарий для burov Отменить ответ

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Ирина

    Здравствуйте Илья. благодарю за статью, но к сожалению не нашла ответ на свой вопрос. Возможно Вы сможете мне подсказать. Как создать такой поп-ап чтобы был с формой подписки?

    Ответить
    1. Admin автор

      Здравствуйте, попробуйте плагин PopUp by Supsystic, у него есть функция Simple HTML, можно вставить произвольный код в popup окно.

      Ответить
    2. Admin автор

      Есть ещё вариант, Смотрите Здесь !!! в комментариях есть ответ на ваш вопрос.

      Ответить
  2. burov

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

    Ответить
    1. Admin автор

      Да, конечно, думаю что можно. С помощью визуального редактора можно ставить любой текст, в том числе и HTML, php, JS, шорткоды.

      Ответить
  3. burov

    спасибо попробую

    Ответить
    1. Admin автор
      Ответить
  4. Anna

    А как сделать чтобы окно показывалось раз в неделю, а не при каждой смене странички и каждый день?
    Спасибо.

    Ответить
    1. Admin автор

      Здравствуйте. У данного плагина нет такой функции, в бесплатной версии. Могу вам порекомендовать другой плагин – Popup Builder — Responsive WordPress Pop up, у него есть такая настройка.

      Ответить
  5. drVA

    А ка отрегулировать окно по высоте? Настройками плагина окно не регулируется почему-то при вставке кода подписки.

    Ответить
    1. Admin автор
      Ответить
  6. Сергей

    Рекомендовать плагин, который не обновлялся 3 года, с ужаснейшей поддержкой это конечно “СИЛЬНО”.

    Ответить
    1. Admin автор

      Посмотри вот эти плагины:
      – Popup Maker — Popup Forms, Opt-ins & More
      – Popup Builder — Responsive WordPress Pop up — Subscription & Newsletter
      – Popup by Supsystic
      – Popup anything on click
      – Popups for Divi
      – WP Popups — WordPress Popup builder
      – Popups — WordPress Popup
      – WP Terms Popup

      Ответить