Всплывающее 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 окно

 

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

 

   
 
Рекомендую смотреть фильм Жестокие мечты
 Привет ! Я продолжаю рекомендовать вам смотреть лучшие фильмы, которые я сам уже посмотрел. Сегодня я рекомендую вам смотреть фильм Жестокие мечты. Мой отзыв о фильме и краткий обзор Читайте далее !!! Молодой паренёк живёт ...
Читать далее
Карусель записи товары видео фото плагин WordPress
 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress ! Сегодня вы узнаете как добавить на свой сайт Стильный слайдер-карусель записей, товаров, видео и изображений. Вы сможете настроить внешний вид ...
Читать далее
/ WooCommerce
Аудио Intel для дисплеев Windows 10
 Привет ! Мы продолжаем разбирать операционную систему Windows 10 ! Сегодня вы узнаете как настроить параметры устройства аудио Intel для дисплеев на компьютере Windows 10. Вы сможете узнать состояние устройства. Вы сможете обновить драйвера устройства ...
Читать далее
/ Windows 10
Как взять кредит для бизнеса в Сбербанке
 Привет ! Сегодня вы узнаете как взять кредит для бизнеса в Сбербанке. Если у вас уже есть свой бизнес или вы открываете свой бизнес и вам нужны деньги на оборудование, вы хотите модернизировать свой бизнес, ...
Читать далее
Рекомендую смотреть фильм Плохой Санта 2
 Привет ! Я продолжаю рекомендовать вам смотреть лучшие фильмы, которые я сам уже посмотрел. Сегодня я рекомендую вам смотреть фильм Плохой Санта 2. Мой отзыв о фильме и краткий обзор Читайте далее !!! Всем любителям ...
Читать далее
Рекомендую смотреть фильм Инферно
 Привет ! Я продолжаю рекомендовать вам смотреть лучшие фильмы, которые я сам уже посмотрел. Сегодня я рекомендую вам смотреть фильм Инферно. Мой отзыв о фильме и краткий обзор Читайте Далее !!! Фильм Инферно снят по ...
Читать далее
Simple Cache простой кэш на сайт WordPress плагин
 Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress ! Сегодня вы узнаете как установить на свой сайт очень простой и полезный плагин для создания кэша на вашем сайте. Плагин ...
Читать далее
Дисковые устройства WDC Windows 10
 Привет ! Мы продолжаем разбирать операционную систему Windows 10 ! Сегодня вы узнаете как настроить параметры дискового устройства WDC на компьютере Windows 10. Вы сможете узнать состояние устройства. Вы сможете включить или отключить кэширование записей ...
Читать далее
/ Windows 10
 Привет ! Сегодня вы узнаете как взять кредит в Сбербанке на приобретение коммерческой недвижимости. Кредит смогут получить индивидуальные предприниматели и малые предприятия с годовой выручкой не более 400 миллионов рублей. Преимущества кредита: - Кредит можно ...
Читать далее
Рекомендую смотреть фильм Глубоководный горизонт
 Привет ! Я продолжаю рекомендовать вам смотреть лучшие фильмы, которые я сам уже посмотрел. Сегодня я рекомендую вам смотреть фильм "Глубоководный горизонт". Мой отзыв о фильме и краткий обзор Читайте далее !!!  Всем кто любит ...
Читать далее
Всплывающее popup окно при закрытии страницы WordPress плагин обновлено: Ноябрь 6, 2016 автором: Илья Журавлёв

Комментарии

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


4 + 5 =




Яндекс.Метрика

Правила

Стрелка вверх