Вы хотите добавить CAPTCHA в формы входа и регистрации вашего сайта WordPress?
Страницы входа в систему и регистрации пользователей WordPress часто являются основными целями для хакеров, спамеров и атак грубой силы. Одним из способов избежать этих атак является использование CAPTCHA, которая эффективно блокирует спам-боты и защищает ваш сайт от взлома.
В этой статье мы покажем вам, как добавить CAPTCHA в формы входа и регистрации WordPress.
Что Такое CAPTCHA?
CAPTCHA - это компьютерная программа, которая может определить, является ли кто-то человеком или автоматизированным пользователем. Она показывает тест, который легко пройти человеку, но почти невозможно автоматизированным скриптам или ботам.
В первых версиях CAPTCHA пользователям было предложено ввести текст, который они видели на изображении. На этом изображении отображались случайные буквы, слова или цифры в искаженном стиле.
Позже была представлена новая технология под названием reCAPTCHA.
Она показывает случайные слова в качестве задачи.
Эта технология была приобретена Google в 2009 году. С тех пор он помог оцифровать тысячи книг и заполнить архивы New York Times.
Тем не менее, эти новые CAPTCHA все еще раздражали и часто разрушали пользовательский опыт на сайтах.
Чтобы исправить это, Google представила «No CAPTCHA reCAPTCHA», которая использует искусственный интеллект (ИИ) и взаимодействие с пользователями для ловли спам-ботов.
Она показывает более простой флажок для пользователей, на который можно нажать. Для другого подозрительного трафика она покажет более сложную CAPTCHA, например, идентификацию объектов на изображениях.
Давайте посмотрим, как сайты WordPress могут улучшить безопасность с помощью CAPTCHA.
Зачем использовать CAPTCHA для входа и регистрации WordPress?
Страницы входа и регистрации WordPress являются легкой мишенью для спамеров, хакеров-хакеров и атак грубой силы.
Это потому, что WordPress является самым популярным конструктором сайтов в мире, что делает его общей мишенью для вредоносных попыток.
Мотивация злоумышленника часто заключается в том, чтобы получить несанкционированный доступ к вашей админке WordPress для распространения вредоносных программ. В других случаях злоумышленник может разрушить всю сеть сайтов, размещенных в конкретной хостинговой компании.
Самое простое решение для защиты вашего сайта WordPress - это использование плагина брандмауэра WordPress, такого как Sucuri. Это заблокирует попадание плохого трафика на ваш сайт и предотвратит несанкционированный доступ.
Другим решением является добавление вторичного уровня защиты паролем на страницах входа и регистрации WordPress. Однако проблема с этим методом заключается в том, что вам придется поделиться этим вторым паролем с каждым пользователем, и это просто не масштабируется для крупных блогов с несколькими авторами или сайтов членства.
CAPTCHA предоставляет более легкую альтернативу этим решениям. Она использует технологии искусственного интеллекта Google для обнаружения подлинных посетителей и представления проблем CAPTCHA подозрительным пользователям.
По умолчанию против пользовательской формы входа и регистрации WordPress
Форма входа и регистрации WordPress по умолчанию предоставляет базовый набор функций.
Страница входа позволяет пользователям получить доступ к административной части вашего сайта в соответствии с их соответствующими ролями и разрешениями пользователей.
Форма регистрации WordPress по умолчанию позволяет посетителям создать учетную запись на вашем сайте. После регистрации они также могут войти в интерфейс вашего сайта и выполнять определенные задачи, разрешенные их ролью пользователя.
Многие владельцы сайтов хотят настроить страницу входа и регистрации WordPress по умолчанию со своими собственными логотипами, стилями и многим другим. Они используют один из многих плагинов для создания собственной пользовательской страницы входа и регистрации, чтобы заменить плагины по умолчанию.
Независимо от того, используете ли вы страницы по умолчанию или пользовательские, мы поможем вам.
В этом руководстве мы покажем вам, как настроить reCAPTCHA как для по умолчанию, так и для пользовательских страниц входа и регистрации в WordPress.
reCAPTCHA в формах входа и регистрации WordPress по умолчанию
Первое, что вам нужно сделать, это установить и активировать плагин CAPTCHA 4WP.
После активации плагина вам необходимо посетить страницу CAPTCHA 4WP » Конфигурация CAPTCHA из панели администратора.
Затем вы увидите мастер настройки. Просто нажмите кнопку "Далее", чтобы продолжить.
После этого вам нужно будет выбрать тип reCAPTCHA, который вы хотите использовать.
Есть 3 варианта на выбор, включая версию 2, где пользователи могут установить флажок «Я не робот», или версию 2, где взаимодействие с пользователем не требуется, но CAPTCHA появится для подозрительного трафика. Наконец, версия 3 проверяет запросы с партитурой без взаимодействия с пользователем.
Мы выберем тип "Версия 2 (пользователи должны установить флажок "Я не робот")".
После этого нажмите кнопку "Далее".
На следующем экране вам нужно будет войти на сайт Google reCAPTCHA и секретный ключ.
Чтобы получить эти ключи Google reCAPTCHA API, вам необходимо посетить сайт reCAPTCHA.
Затем нажмите на опцию "v3 Admin Console" в верхней части.
На следующем экране Google попросит вас войти в свою учетную запись. После входа в систему вы увидите страницу регистрации нового сайта.
Во-первых, вам нужно ввести название вашего сайта в поле "Метка". После этого вы должны выбрать тип reCAPTCHA. Например, мы выберем флажок reCAPTCHA v2 "Я не робот".
Затем вам нужно ввести свое доменное имя в разделе "Домены".
Обязательно введите свое доменное имя без части "https://www".
После этого просто нажмите кнопку "Отправить".
Далее вы увидите сообщение об успехе вместе с ключом сайта и секретным ключом, который вы можете использовать на своем веб-сайте WordPress.
Вы можете скопировать сайт и секретные ключи.
Затем вам нужно будет вернуться на вкладку браузера или окно, где открыт мастер установки CAPTCHA 4WP. Здесь вы можете ввести ключ сайта Google CAPTCHA и секретный ключ.
Как только вы закончите, вам нужно будет установить флажок "Я не робот" и нажать кнопку "Далее".
Затем вы увидите сообщение об успехе. Просто нажмите кнопку "Готово".
После этого вы можете настроить дополнительные параметры CAPTCHA 4WP.
Например, есть варианты изменения языка, редактирования сообщения об ошибке, выбора темы и многого другого.
Когда закончите, просто нажмите кнопку "Сохранить изменения".
Вот и все! Вы успешно добавили reCAPTCHA в форму входа и регистрации WordPress по умолчанию.
Чтобы просмотреть его, вы можете открыть URL-адрес входа в WordPress в своем браузере. Например, www.example.com/wp-login.php.
Если вы хотите проверить reCAPTCHA в регистрационной форме, просто нажмите на ссылку «Зарегистрироваться» под формой входа в систему. После этого откроется регистрационная форма WordPress, и вы сможете увидеть, как работает reCAPTCHA.
reCAPTCHA в пользовательских формах входа и регистрации WordPress
Как мы уже упоминали ранее, пользовательские формы входа и регистрации WordPress предлагают более удобные варианты для посетителей вашего сайта.
Во-первых, эти формы позволяют пользователям зарегистрироваться или войти на ваш сайт с внешнего интерфейса. Это улучшает пользовательский опыт и позволяет сохранить тот же общий опыт проектирования на вашем сайте.
Затем вы можете добавить логотип своего сайта и настроить страницы входа и регистрации в своем стиле.
Кроме того, создать пользовательскую форму входа в WordPress и форму регистрации пользователя легко с помощью самого удобного плагина формы WordPress WPForms. Это лучший плагин контактной формы для WordPress.
Мы будем использовать версию WPForms Pro, потому что она включает в себя дополнение "Регистрация пользователей" и другие параметры настройки. Тем не менее, есть также бесплатная версия WPForms Lite, которую вы можете использовать для начала работы.
Чтобы начать, вам нужно установить и активировать плагин WPForms на вашем сайте WordPress.
После активации перейдите на страницу настроек WPForms, чтобы ввести лицензионный ключ WPForms. Вы можете получить этот ключ из своей учетной записи на веб-сайте WPForms.
После этого нажмите на вкладку "КАПЧА" вверху, чтобы настроить reCAPTCHA для ваших пользовательских форм WordPress.
Во-первых, вам нужно выбрать тип CAPTCHA. Продолжайте и нажмите на опцию "reCAPTCHA".
Поскольку мы выбрали v2 ранее, мы выберем reCAPTCHA v3 в этом примере, чтобы вы могли увидеть различные варианты.
Тем не менее, наша рекомендация все еще v2.
После этого вы увидите ключ сайта и поля секретного ключа. Чтобы получить эти ключи, вам нужно зарегистрировать свой сайт на сайте Google reCAPTCHA.
Просто перейдите на веб-сайт Google reCAPTCHA, а затем нажмите кнопку "v3 Admin Console" в правом верхнем углу.
После этого Google попросит вас войти в свою учетную запись. После этого вы увидите страницу "Зарегистрировать новый сайт".
Затем вы можете ввести название своего сайта, а затем выбрать "На основе оценки (v3)" из типов reCAPTCHA.
Затем вам нужно ввести свое доменное имя (без https://www.).
После этого просто нажмите кнопку "Отправить".
После этого Google покажет сообщение об успехе вместе с ключом сайта и секретным ключом для добавления reCAPTCHA на ваш сайт.
Скопируйте эти ключи.
Теперь, когда у вас есть ключи Google reCAPTCHA API, вам нужно вернуться на вкладку браузера или окно, где открыты настройки WPForms reCAPTCHA.
Затем просто перейдите на вкладку reCAPTCHA и введите ключ сайта и секретный ключ. После этого вы можете сохранить свои настройки.
Теперь, когда вы успешно добавили reCAPTCHA в WPForms, вы можете легко включить reCAPTCHA в своей пользовательской форме входа, форме регистрации пользователя или любой форме, созданной с помощью WPForms.
Теперь давайте создадим пользовательскую регистрационную форму WordPress.
Во-первых, вы должны посетить страницу WPForms » Addons и найти Addon User Registration Addon. Здесь нажмите кнопку "Установить аддон".
После этого WPForms загрузит и установит дополнение. Как только вы увидите статус дополнения для регистрации пользователей "Активный", вы готовы добавить новую форму регистрации пользователей.
Теперь вам нужно перейти в WPForms » Добавить новый, чтобы запустить WPForms Builder. На странице настройки WPForms выберите шаблон «Форма регистрации пользователя» и введите имя для своей формы.
Как только вы выберете шаблон, он запустит конструктор форм перетаскивания WPForms.
После этого WPForms автоматически создаст пользовательскую форму регистрации пользователя и откроет страницу настройки формы.
Теперь вы можете настроить свою форму, добавив новые поля или изменив параметры поля. Если вам нравится форма по умолчанию, вы можете использовать ее без каких-либо изменений.
Затем вам нужно перейти на вкладку «Настройки» в левом меню, чтобы настроить параметры формы. Затем переключитесь в настройки "Защита и безопасность спама" и включите Google v3 reCAPTCHA.
Как только это будет сделано, просто нажмите кнопку "Сохранить" в правом верхнем углу.
Вот и все! Вы создали пользовательскую форму регистрации пользователя WordPress, а также добавили в нее reCAPTCHA.
Следующее, что вам нужно сделать, это добавить пользовательскую форму регистрации пользователя на свой веб-сайт. Вы можете сделать это, нажав кнопку "Встроить" в конструкторе форм.
Затем вам нужно будет выбрать существующую страницу или создать новую для встраивания формы.
Мы будем использовать опцию "Создать новую страницу".
После этого вы можете ввести имя для своей новой страницы.
Как только это будет сделано, просто нажмите кнопку "Начать".
Далее вы увидите предварительный просмотр вашей регистрационной формы в редакторе контента.
Кроме того, вы также можете использовать блок WPForms для добавления формы.
Теперь вы можете опубликовать страницу и посетить ее в своем веб-браузере, чтобы увидеть пользовательскую форму регистрации пользователя в Google reCAPTCHA в действии.
Поскольку в этом примере мы выбрали reCAPTCHA v3, вы не увидите флажок Google reCAPTCHA, например "Я не робот". Это связано с тем, что reCAPTCHA v3 работает в фоновом режиме, но вы все равно увидите небольшой значок в правом нижнем углу.
Процесс создания пользовательской формы входа почти такой же.
Единственное отличие заключается в том, что вам нужно выбрать шаблон формы входа пользователя на странице настройки WPForms.
Мы надеемся, что эта статья помогла вам узнать, как добавить CAPTCHA в формы входа и регистрации WordPress.
