Как сделать подтверждающее окно заглушку при входе на сайт

Разработка сайтов такое дело, что очень часто возникают вроде бы несложные задачи, которые надо решить, а решение сделать качественно и аккуратно. Я уже редко удивляюсь различным новым вопросам от партнёров, с которыми работаю, но очень редко попадалось условие, что на сайте перед входом посетителя должно возникать окно, в котором он должен был подтвердить некоторые условия и только после этого, если он говорил: “Да”, он мог использовать сайт.

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

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

Плагин достаточно простой, но функциональный и называется Age Gate. Устанавливаем его, активируем и начинаем изучать. Перевода на русский нет, но основные моменты я вам все расскажу.

Итак, первая вкладка плагина называется “Настройка ограничений”, здесь вы указываете необходимые настройки, если вы проверяете по возрасту, то указываете возраст, но я проверял по другому условию и ключевым для меня стал выбор меню как спрашивать о выполнении условия. Я выбрал вариант да или Нет. Этот вариант позволяет дальше прописать любое условие.

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

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

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

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

ОСТАВЬТЕ ОТВЕТ

Пожалуйста, введите ваш комментарий!
пожалуйста, введите ваше имя здесь

СЕГОДНЯ ЧИТАЮТ

Dezerit – разработчик шаблонов Instantcms, вопросы и ответы

Dezerit на Instantcms известен в первую очередь своими качественными шаблонами и очень ответственной работой с клиентами. Первые его шаблоны сразу стали популярными и выпуск...

Что такое SSL и HTTPS – виды SSL, подробное описание

SSL аббревиатура от англ. Secure Sockets Layer) протокол, это криптографическое решение для организации полностью зашифрованного соединения между web сервером и клиентом, которым выступает браузер...

Обзор и описание Newspaper темы для WordPress, красивая и удобная

При подборе темы для информационного портала следует рассматривать различные варианты, но одним из самых шикарных является тема Newspaper, которая является лидером среди тем для...

8 лучших плагинов для управления проектами WordPress, плюсы минусы, сравнение

Поскольку WordPress теперь поддерживает более 33% веб-сайтов по всему миру и продолжает расти, вполне естественно, что бизнес вокруг него тоже будет расти. Это означает, что...

OkWp (WordPress) новая сборка 1.1, описание и возможности

Представляю вам новую версию варианта сайта на Wordpress с новым названием OkWp, что можно расшифровать как оптимально настроенный готовый к работе вариант сайта с...

Установка и обновление UPDS. Инструкция по установке

Установка и обновление UPDS на сайте. Для установки универсального парсера публикатора UPDS на ваш сайт не требуется никаких дополнительных настроек, кроме обычных которые используются при...

ПОХОЖИЕ МАТЕРИАЛЫ

Редакторы изображений Tune WP | Дополнение WPSSO для повышения резкости фото WordPress

Вы заметили, что WordPress создает уменьшенные изображения, которые кажутся немного нечеткими — совсем непохожими на красивый резкий оригинал, который вы загрузили? Причина в том, что...

Вопросы и ответы по теме Woodmart (обновляется )

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

TotalContest Pro – Плагин WordPress для конкурса фото, аудио и видео

TotalContest - это мощный плагин для проведения онкурсов WordPress, предназначенный для проведения и управления конкурсами и соревнованиями на вашем сайте. Он был разработан, чтобы...

Content-visibility: новое свойство CSS, повышающее скорость и рендеринг сайта

Поддержка новых возможностей css стилей, которые появились в Chromium 85, могут быть один из самых новых свойств впечатляющих CSS для улучшения производительности загрузки страницы....

Хак Woocommerce для отображения цену в руб и грв

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

BulletProof Security плагин WordPress: безопасность, сканер, файрвол

Защита безопасности сайта на WordPress: Сканер вредоносного кода, Файрвол, защита формы авторизации, создание резервных копий базы данных, анти-спам и многое другое. Смотрите раздел Основные...