Модальное окно на WordPress с опцией подтверждения возраста

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

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

Плагин ITRO Popup Plugin

Легкий плагин модального окна с отличным набором функций и настроек в едином понятном интерфейсе. Имеет ряд своих преимуществ, включая полно оформление внешнего вида без знания языков программирования. Адаптивный, но предусматривается возможность отключения окна на мобильных устройствах.

Некоторые особенности:

• Выбор определенных страниц, на которых будет всплывать окно
• Установка обратного отсчета для автоматического закрытия
• Автоматическое центрирование окна в браузере
• Установка времени до появления окна
• Опция подтверждения возраста
• Устанавливаем время для следующего всплытия окна по coockie

ITRO Popup Plugin

Настройка ITRO Popup Plugin

После установки плагина и его активации нужно перейти во вкладку «Настройки — ITRO Popup». Несмотря на то, что плагин не переведен на русский, ориентироваться по настройкам очень легко. Ниже прикладываю скриншоты с описанием нескольких пунктов, в остальном будет нетрудно разобраться.

Базовые настройки

Настройки опции возраста

HTML редактор

GENERAL SETTINGS

Disable easy closing – Отключить легкое закрытие. Окно невозможно будет закрыть клавишей Esc или кликом за пределом окна.
Popup seconds – Установить секунды для таймера обратного отсчета до автозакрытия
Popup delay – Установить время в секундах до появления всплывающего окна
Next visualization – Установить время в часах для повторного появления окна (вычисляется по coockie)
Show countdown – Показать обратный отсчет. Ниже меняем текст «This popup will close in» на «Окно закроется через:». Еще ниже выбираем цвет текста отсчета.

В самом низу параметров есть пункт «Enable age validation – Включить проверку возраста». На втором скриншоте увидите пример оформления. Там идет две кнопки: одна оставляет на сайте, если пользователь подтверждает возраст, другая перенаправляет на поисковик с запросом «Мультики».

Последняя часть параметров (Your text or HTML code) идет содержание модального окна. Редактор поддерживает все теги и можно свободно добавлять в него любую информацию.