Нашумевший закон №436-ФЗ «О защите детей от информации, причиняющей вред их здоровью и развитию» вынудил многих веб-мастеров разместить в подвале своих сайтов на всех страницах значки возрастной маркировки (18+, 16+, 12+ или 0+), чтобы избежать штрафов.
Но что, если у вас на сайте всего несколько статей попадают в категорию 18+ (например, подборка лучших марок коньяка или обзоры фильмов для взрослой аудитории)? Здесь лучшим решением будет разместить на конкретных страницах, содержащих взрослый контент, всплывающее окно (попап) с предупреждением и кнопкой подтверждения возраста.
Попап с ограничением по возрасту с помощью My Popup
Сегодня дам пошаговую инструкцию, как вывести такое попап-окно на любом WordPress-сайте с помощью классного плагина My Popup.
1. Установите и активируйте плагин My Popup в админ-панели WordPress.
2. Перейдите в меню в раздел «My Popup» — «Добавить новый».
3. Задайте смысловой заголовок для своего всплывающего окна (это особенно важно, если вы планируете создавать много попапов под разные задачи).
4. Прокрутите страницу ниже окна предпросмотра и задайте нужные параметры на вкладке «Основные настройки».
Здесь можно выбрать и настроить:
- высоту и ширину «всплывашки»;
- отображение на ПК, мобильных и планшетах;
- запреты на закрытие по клику на подложку, по нажатию на Esc;
- отключение скроллинга страницы, пока попап активен;
- таймер закрытия (в секундах);
- повторный показ.
5. Перейдите на вкладку «Внешний вид» и настройте дизайн всплывающего окна так, как вам нравится.
6. Перейдите на вкладку «Контент» и в поле визуального редактора добавьте крупным шрифтом возрастную маркировку «18+», поясняющий текст и кнопку подтверждения возраста в виде шорткода:
[mypopup_button class="js-mypopup-modal-close" background="#467012"]Мне исполнилось 18 лет[/mypopup_button]
7. Перейдите на вкладку «Правила вывода», включите опцию «Показать через 0 сек. После загрузки страницы» и выберите, где выводить попап (в записях, в рубриках, пользовательских таксономиях и пр.). Здесь есть удобное поисковое окно, в котором вы сможете найти конкретные страницы на своем сайте по ключевым словам.
8. Проверьте, как смотрится всплывашка в окне предварительного просмотра и нажмите кнопку «Опубликовать».
Несколько советов по настройкам всплывающего предупреждения о том, что контент предназначен для лиц старше 18:
- Если планируете выводить одно окно одновременно на всех типах устройств, рекомендую ограничиться актуальной для мобильных устройств шириной 300-320 px.
- Включите затемняющую подложку с достаточно низким процентом прозрачности. Это необходимо, чтобы скрыть размещенный на странице контент для взрослых от пользователя, пока он не подтвердит свой возраст.
- Отключите в настройках внешнего вида крестик закрытия всплывашки, а также запретите другие способы убрать окно с экрана (по ESC, по клику на подложку, по таймеру), за исключением непосредственного нажатия на кнопку подтверждения возраста.
- В меню административной панели WordPress «My Popup» - «Все My Popup» в столбце «Статус» вы в любой момент сможете включить или отключить конкретное всплывающее окно. Очень удобно!
Помимо попапов с ограничением по возрасту, плагин My Popup может выводить и другие popup-ы: конверсионный таймер обратного отсчета, рекомендации с похожими записями, предложения подписаться на соцсети, уведомления об акциях, формы подписки на рассылку по e-mail, всплывающие подсказки к отдельным элементам дизайна и пр.
Кликайте по названию My Popup, и забирайте этот плагин с промокодом. Для большинства интернет-магазинов он просто необходим.
Ставьте лайк 👍🏻, если было полезно.