Интеграция reCAPTCHA v3 с Contact Form 7

Установка reCAPTCHA v3 для Contact Form 7 в WordPress не вызовет сложностей даже у неопытных пользователей. Процесс очень простой. Для интеграции возиться с кодом, по сути, не нужно. Инструкцию, конечно же, решил написать. На всякий случай. Надеюсь, принесет пользу. Начнем.

Нужна помощь? Не проблема, напишите мне на почту: admin@workinnet.ru

Получаем ключи в Google reCAPTCHA

Прежде всего нужно установить плагин Contact Form 7. Конечно, не обязательно в первую очередь, но лучше сразу. Далее переходим по ссылке: https://www.google.com/recaptcha/intro/v3.html. Нажимаем кнопку Admin console в верхнем правом углу.

Начинается этап подключения интеграции reCAPTCHA v3 для Contact Form 7. Те, кто уже работал с сервисом, наверняка увидели, что дизайн серьезно изменился. Смотрим на скриншот. Стрелочкой указано, куда нажимать. Пустое поле — статистика. Просто невидимой рекапчей никто не пользовался, потому стата пуста. Если мало посетителей, то в статистике так же ничего не будет. Нажимаем на кнопку.

Вот и перешли к следующему окну. Здесь нужно указать данные домена. Все довольно просто, смотрите на примере ниже.

Итак, по порядку:

1. Вбиваем ярлык. Это название проекта. Выбирайте любое удобное.

2. Выбираем тип рекапчи. В нашем случае — reCAPTCHA v3.

3. Указываем домен. Без http, htpps, если есть www, то тоже нужно указать.

4. Если нужно, указываем дополнительные адреса электронной почты.

5. Принимаем условия, листаем ниже. Отправляем данные.

После выполнения данных действий появится следующая страница.

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

Подключение reCAPTCHA v3 к Contact Form 7

Выбираем плагин, стрелочкой указано куда следует нажать. Выбираем раздел «Интеграция». В открывшемся окне в поле reCAPTCHA нажимаем кнопку Setup Integration. Попадаем в следующий раздел.

Копируем ключи, размещенные на сайте Google, вставляем в отмеченные поля. Нажимаем кнопку Save Changes. Установка reCAPTCHA v3 для Contact Form 7 закончена. Как видите, все просто. Но теперь появилась другая проблема. Появился раздражающий логотип в нижнем правом углу экрана. Как исправить, смотрите здесь.