Как добавить CAPTCHA в форму входа и регистрации WordPress

Вы хотите добавить CAPTCHA в формы входа и регистрации на своем сайте WordPress??


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

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

Одним из способов избежать этих атак является использование CAPTCHA, который эффективно блокирует спам-ботов и защищает ваш сайт от взлома..

В этой статье мы покажем вам, как легко добавить CAPTCHA в форму входа и регистрации WordPress..

Добавление CAPTCHA в форму входа и регистрации WordPress

Что такое капча?

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

В первые дни CAPTCHA пользователей просили ввести текст, который они видели на изображении. Это изображение отображало случайные буквы, слова или цифры в искаженном стиле.

Старый стиль CAPTCHA

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

Предварительный просмотр reCAPTCHA

Эта технология была приобретена Google в 2009 году. С тех пор она помогла оцифровать тысячи книг и заполнить архивы New York Times..

Тем не менее, эти новые CAPTCHA все еще раздражали и разрушали пользовательский опыт на веб-сайтах.

Чтобы исправить это, Google представил «No CAPTCHA reCAPTCHA», который использует AI и взаимодействие с пользователем для ловли спам-ботов..

NoCaptcha reCAPTCHA

Это показывает более легкий флажок для пользователей-пользователей, чтобы щелкнуть. Для другого подозрительного трафика, это будет показывать более сложный CAPTCHA, как определение объектов на изображениях.

При этом давайте посмотрим, как веб-сайты WordPress могут повысить безопасность с помощью CAPTCHA..

Зачем использовать CAPTCHA для входа и регистрации в WordPress??

Страницы входа и регистрации в WordPress являются легкой мишенью для спамеров, хакеров-подражателей и атак грубой силы.

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

Самым простым решением для защиты вашего сайта WordPress является использование плагина межсетевого экрана WordPress, такого как Sucuri. Это заблокирует плохой трафик от попадания на ваш сайт и предотвратит несанкционированный доступ.

Другое решение – добавить дополнительный уровень защиты паролем на страницах входа и регистрации WordPress. Однако проблема этого метода заключается в том, что вам придется передавать этот второй пароль каждому пользователю, и это просто не масштабируется для больших блогов с несколькими авторами или сайтов участников..

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

При этом давайте посмотрим, как легко добавить CAPTCHA на ваш сайт WordPress..

По умолчанию против пользовательской формы входа и регистрации в WordPress

Форма входа и регистрации WordPress по умолчанию обеспечивает базовый набор функций..

Страница входа в систему позволяет пользователям получать доступ к серверной части вашего сайта в соответствии с их ролями и разрешениями..

Страница входа в WordPress по умолчанию

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

Страница регистрации пользователя WordPress по умолчанию

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

Используете ли вы страницы по умолчанию или пользовательские, мы обеспечим вас.

В этом руководстве мы покажем вам, как настроить reCAPTCHA как для стандартных, так и для пользовательских страниц входа и регистрации в WordPress..

Давайте начнем с добавления reCAPTCHA в стандартную форму входа и регистрации WordPress..

Добавление reCAPTCHA в форму входа и регистрации WordPress по умолчанию

Первое, что вам нужно сделать, это установить и активировать Advanced noCAPTCHA & reCAPTCHA (v2 & V3) плагин. Для получения более подробной информации, смотрите наше пошаговое руководство по установке плагина WordPress..

После того, как плагин активирован, вам необходимо посетить Настройки »Дополнительно noCAPTCHA & Невидимая капча страница из вашей админ-панели. После этого WordPress откроет вам страницу общих настроек плагина..

Расширенные настройки noCaptcha и невидимая капча (v2 и v3)

Оттуда вам нужно выбрать версию Google reCAPTCHA и найти ключи API reCAPTCHA, чтобы включить службу на вашем сайте..

Мы рекомендуем использовать v2, потому что считаем, что v3 еще не так стабильна.

Чтобы получить эти ключи API, вам необходимо зайти на сайт reCAPTCHA и нажать кнопку «Консоль администратора»..

Посетите веб-сайт Google reCAPTCHA

На следующем экране Google попросит вас войти в свою учетную запись. После входа в систему вы увидите страницу «Регистрация нового сайта»..

Зарегистрировать новый сайт для Google reCAPTCHA

Сначала вам нужно ввести название вашего сайта в поле «Метка». После этого вам нужно выбрать тип reCAPTCHA. Например, мы выберем reCAPTCHA v2 «Я не робот».

Далее вам необходимо ввести имя вашего домена в разделе Домены. Убедитесь, что вы ввели имя домена без ‘https: // www.’

Добавить доменное имя и владельца для Google reCAPTCHA

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

После этого вам необходимо установить флажок «Принять условия обслуживания reCAPTCHA». При желании вы также можете установить флажок «Отправлять оповещения владельцам», чтобы получать по электронной почте оповещения о подозрительном трафике или неправильной настройке капчи на вашем сайте..

Отправьте и зарегистрируйте свой сайт WordPress

После этого нажмите кнопку «Отправить»..

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

Google reCAPTCHA API Keys

Теперь вам нужно открыть панель управления WordPress и перейти к Настройки »Дополнительно noCAPTCHA & Невидимая капча страница для настройки Google reCAPTCHA.

Как только вы попадаете на страницу настроек плагина, вам нужно сначала выбрать версию Google reCAPTCHA. Так как мы зарегистрировали наш сайт для Google reCAPTCHA v2 «Я не робот», мы выберем этот вариант в раскрывающемся списке..

Выберите Google reCAPTCHA V2 в разделе Advanced noCAPTCHA & Invisible CAPTCHA (v2 и v3)

После этого вам необходимо ввести ключ сайта и секретный ключ, предоставленные Google reCAPTCHA ранее..

Введите ключ сайта и секретный ключ, чтобы добавить reCAPTCHA в WordPress

Далее вы увидите опцию «Включенные формы». Установите флажок рядом с формами, где вы хотите включить Google reCAPTCHA. Здесь мы выберем форму входа и форму регистрации.

Включить reCAPTCHA для формы входа и регистрации WordPress по умолчанию

После этого вы можете прокрутить страницу вниз, чтобы просмотреть другие варианты. Закончив настройку, нажмите кнопку «Сохранить изменения» в нижней части..

Это оно! Вы успешно добавили reCAPTCHA в стандартную форму входа и регистрации WordPress. Для предварительного просмотра вы можете открыть свой URL-адрес входа в WordPress в браузере. Например; www.example.com/wp-login.php.

Страница входа в WordPress с помощью Google reCAPTCHA

Если вы хотите проверить reCAPTCHA в форме регистрации, нажмите на ссылку «Регистрация» под формой входа. После этого откроется форма регистрации WordPress, и вы сможете увидеть, как работает reCAPTCHA..

Страница регистрации WordPress с reCAPTCHA

Настройка reCAPTCHA в пользовательской форме входа и регистрации в WordPress

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

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

Затем он позволяет добавить логотип вашего сайта и настроить страницу входа и регистрации в вашем стиле..

Создать пользовательскую форму входа в WordPress и форму регистрации пользователя легко с помощью самого удобного в использовании плагина для форм WordPress, WPForms (используется более чем 2 миллионами веб-сайтов).

Для начала установите и активируйте плагин WPForms на своем сайте WordPress. Для получения более подробной информации, смотрите наше пошаговое руководство по установке плагина WordPress..

Чтобы быстро создать пользовательскую форму регистрации пользователя WordPress, вам нужно получить как минимум план WPForms Pro.

После активации отправляйтесь в WPForms »Настройки страница для ввода лицензионного ключа WPForms. Вы можете получить этот ключ в своей учетной записи на сайте WPForms..

Добавить лицензионный ключ WPForms

После этого нажмите на опцию reCAPTCHA вверху, чтобы настроить reCAPTCHA для ваших пользовательских форм WordPress. Во-первых, вам нужно выбрать тип reCAPTCHA.

Так как мы выбрали v2 ранее, мы выберем reCAPTCHA v3 здесь в этом примере, но, пожалуйста, знайте, что наша рекомендация по-прежнему v2.

Настройки WPForms reCAPTCHA - Выберите V3

После этого вы увидите поле ключа и секретного ключа. Чтобы получить эти ключи, вам нужно зарегистрировать свой сайт на сайте Google reCAPTCHA..

Перейдите на веб-сайт Google reCAPTCHA и нажмите кнопку консоли администратора в правом верхнем углу..

Посетите веб-сайт Google reCAPTCHA

После этого Google попросит вас войти в свой аккаунт. После этого вы увидите страницу “Регистрация нового сайта”..

Зарегистрировать новый сайт для Google reCAPTCHA

Введите название своего веб-сайта, а затем выберите reCAPTCHA v3 в опции типа reCAPTCHA..

Затем вам нужно ввести имя вашего домена (без https: // www.), Как показано на скриншоте ниже..

Добавить доменное имя и владельца для Google reCAPTCHA

Если вы хотите добавить другого пользователя Gmail в качестве владельца reCAPTCHA, вы можете добавить адрес электронной почты в разделе «Владельцы»..

После этого вам необходимо принять условия обслуживания reCAPTCHA. Вы также можете установить флажок «Отправлять уведомления владельцам», чтобы получать по электронной почте уведомления от Google о подозрительном трафике на вашем сайте..

Отправьте и зарегистрируйте свой сайт WordPress

После этого нажмите кнопку «Отправить»..

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

Google reCAPTCHA API Keys

Теперь, когда у вас есть ключи Google reCAPTCHA API, вам нужно открыть WPForms »Настройки» reCAPTCHA страница в вашей панели WordPress.

WPForms reCAPTCHA Настройки WordPress

На странице настроек WPForms reCAPTCHA введите ключ сайта и секретный ключ. После этого сохраните настройки.

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

Итак, давайте продолжим и создадим пользовательскую форму регистрации WordPress..

Посещение WPForms »Аддоны стр. Найдите «Регистрация пользователя» и нажмите «Установить дополнение»..

Установить аддон регистрации пользователей WPForms

После этого WPForms загрузит и установит аддон. Как только вы увидите статус дополнения регистрации пользователя «Активен», вы готовы добавить новую регистрационную форму пользователя..

Теперь вам нужно пойти в WPForms »Добавить новый запустить WPForms Builder. На странице настройки WPForms выберите шаблон «Форма регистрации пользователя»..

Выберите шаблон формы регистрации пользователя WPForms

После этого WPForms автоматически создаст пользовательскую форму регистрации пользователя и откроет страницу настройки формы..

Конструктор форм регистрации пользователей WPForms

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

Далее вам нужно нажать на опцию «Настройки», чтобы настроить параметры формы и включить Google reCAPTCHA..

На странице «Общие настройки» вы можете редактировать имя формы, добавлять описание формы, редактировать текст кнопки «Отправить» и многое другое. Внизу вы можете увидеть флажки, включая поле Включить Google v3 reCAPTCHA.

Включить Google reCAPTCHA в пользовательской форме регистрации WordPress

Просто установите флажок, чтобы включить Google reCAPTCHA в форме регистрации пользователя. После этого нажмите кнопку Сохранить в правом верхнем углу..

Сохраните свою пользовательскую регистрационную форму пользователя

После этого вы можете закрыть конструктор форм, нажав кнопку «Закрыть» рядом с кнопкой «Сохранить»..

Это оно! Вы создали пользовательскую форму регистрации пользователя WordPress, а также добавили в нее reCAPTCHA..

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

Перейти к Страницы »Добавить новый страница из вашей панели WordPress, чтобы создать новую страницу. На экране редактирования страницы нажмите значок «Добавить новый блок» и выберите блок WPForms..

Добавить блок WPForms в редактор страниц WordPress

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

Добавить пользовательскую регистрационную форму пользователя на страницу WordPress

Далее вы можете добавить другой необходимый контент и опубликовать страницу.

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

Поскольку в этом примере мы выбрали reCAPTCHA v3, вы не увидите флажок Google reCAPTCHA, например «Я не робот». Это потому, что reCAPTCHA v3 работает в фоновом режиме, но вы все равно увидите маленький значок в правом нижнем углу.

Пользовательская форма регистрации пользователя WordPress с Google reCAPTCHA

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

Выберите шаблон формы входа пользователя WPForms

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

Пользовательская форма входа в WordPress с reCAPTCHA

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map