Установка reCAPTCHA v3 для Contact Form 7 в WordPress не вызовет сложностей даже у неопытных пользователей. Процесс очень простой. Для интеграции возиться с кодом, по сути, не нужно. Инструкцию, конечно же, решил написать. На всякий случай. Надеюсь, принесёт пользу. Начнём.
Получаем ключи в Google reCAPTCHA
Прежде всего нужно установить плагин Contact Form 7. Конечно, не обязательно в первую очередь, но лучше сразу. Далее переходим по ссылке: https://www.google.com/recaptcha/about/. Нажимаем кнопку Admin console в верхнем правом углу.
Начинается этап подключения интеграции reCAPTCHA v3 для Contact Form 7. Те, кто уже работал с сервисом, наверняка увидели, что дизайн серьёзно изменился. Смотрим на скриншот. Стрелочкой указано, куда нажимать. Пустое поле — статистика. Просто невидимой рекапчей никто не пользовался, потому стата пуста. Если мало посетителей, то в статистике так же ничего не будет. Нажимаем на кнопку.
Вот и перешли к следующему окну. Здесь нужно указать данные домена. Все довольно просто, смотрите на примере ниже.
Итак, по порядку:
- Вбиваем ярлык. Это название проекта. Выбирайте любое удобное.
- Выбираем тип рекапчи. В нашем случае — reCAPTCHA v3.
- Указываем домен. Без http, htpps, если есть www, то тоже нужно указать.
- Если нужно, указываем дополнительные адреса электронной почты.
- Принимаем условия, листаем ниже. Отправляем данные.
После выполнения данных действий появится следующая страница.
Там будет размещён код сайта и секретный ключ сайта. В открытом доступе светить их не стоит, потому закрашены. Теперь переходим к интеграции.
Подключение reCAPTCHA v3 к Contact Form 7
Выбираем плагин, стрелочкой указано куда следует нажать. Выбираем раздел «Интеграция». В открывшемся окне в поле reCAPTCHA нажимаем кнопку Setup Integration. Попадаем в следующий раздел.
Копируем ключи, размещённые на сайте Google, вставляем в отмеченные поля. Нажимаем кнопку Save Changes. Установка reCAPTCHA v3 для Contact Form 7 закончена. Как видите, все просто. Но теперь появилась другая проблема. Появился раздражающий логотип в нижнем правом углу экрана. Как исправить, смотрите здесь.
Привет, А что если значок не появился в низу сайта, спам достал уже.
Тут может быть несколько причин:
У вас на странице в исходном коде должно выводиться что-то вроде такого:
У меня в плагине Contact Form 7 нет тега для вставки капчи. Как его можно добавить, не могли бы подсказать?
Contact Form 7 – Интеграция – ReCaptcha – Настройки интеграции. И туда уже добавляйте ключи, которые создали в Google reCaptcha. Никаких тегов в саму форму обратной связи добавлять не нужно, она и так будет работать.