reCAPTCHA (v3)
reCAPTCHA protects you against spam and other types of automated abuse. With Contact Form 7’s reCAPTCHA integration module, you can block abusive form submissions by spam bots.
The latest version of the reCAPTCHA API is v3. Contact Form 7 5.1 and later uses this reCAPTCHA v3 API. reCAPTCHA v3 works in the background so users don’t need to read blurred text in an image or even tick the “I’m not a robot” checkbox.
Note: API keys for reCAPTCHA v3 are different from those for v2; keys for v2 don’t work with the v3 API. You need to register your sites again to get new keys for v3.
If you are using an older version of Contact Form 7 and are looking for information about the reCAPTCHA module for the v2 API, refer to reCAPTCHA (v2).
Registering a site
To start using reCAPTCHA, you first need to register the WordPress site. reCAPTCHA is Google’s service so you need a Google account to use it. Sign in to Google with the account, and go to reCAPTCHA Admin Console. You will see a simple registration form like the following:
Screenshot of reCAPTCHA Admin Console
Choose reCAPTCHA v3 from type options, and enter the domain of the website in the Domains field.
After you register a website, you will get the site key and secret key for the site.
Screenshot of reCAPTCHA Admin Console
Next, move to the WordPress admin screen and open the Contact > Integration menu page.
Integration menu page
You will see a box titled reCAPTCHA there. Click Setup Integration in the box. It will display input fields Site Key and Secret Key. Copy-paste the two keys you received in the previous step into the fields, and click Save Changes.
Entering the API keys
That’s it. Now your contact forms use reCAPTCHA’s score to verify whether the form submission is from a human or from a spam bot.
reCAPTCHA v3 doesn’t need a CAPTCHA widget (the “I’m not a robot” checkbox used in reCAPTCHA v2) to work, so [recaptcha] form-tags are no longer necessary. If [recaptcha] form-tags are found in a form template, Contact Form 7 5.1 or higher ignores them and replaces them with an empty string.
Капча для Contact Form 7 и защита от спама формы обратной связи (все нюансы)
До недавних пор я даже не интересовался какие существуют плагины антиспама в Contact Form 7 потому что проверенная годами связка с Captcha от BestWebSoft работала как часы. Однако недавно разработчики, продвигая свой личный модуль обратной связи, перевели поддержку Contact Form7 в платную PRO версию. Хотя на самом деле это не такая уж и большая проблема, т.к. в самой форме имеется встроенная интеграция официальной Google Captcha. Единственный минус этого подхода (как по мне) в использовании 3-тьей версии капчи без возможности отката до предыдущей.
Итак, первым делом, чтобы внедрить защиту от спама в Contact Form 7 для WordPress сайта, мы после установки плагина обратной связи переходим в его подраздел “Интеграция”.
Здесь в блоке reCAPTCHA имеется на официальный сайт этой капчи. Переходите по ссылке, где представлена краткая информация и самой технологии и ее использованию. Там же на странице будет кнопка «Admin Console», позволяющую залогиниться в свой Гугл-аккаунт или для перехода на регистрацию новой учетной записи.
В личном кабинете находите иконку “+” для создания/добавления нового веб-ресурса. После нажатия увидите следующую форму:
- Указываете ярлык капчи (внутреннее название).
- Выбираете тип защиты. Да, сейчас есть супер модная версия 3 с автоматическим определением ботов, но мне больше нравится метод по старинке с ручным вводом «Я не робот».
- Внизу соглашаетесь с правилами использования и ставите галочку о получении уведомлений, если на сайте будут возникать какие-то проблемы (еще один плюс данной Contact Form 7 капчи).
На следующем шаге вам выдадут 2 значения:
- ключ сайта;
- секретный ключ.
Можете записать их в какой-то файл или временно не закрывать данное окно.
Возвращаемся в наш модуль обратной связи и кликаем по кнопке «Настройка интеграции» (см. первый скриншот выше). На открывшейся странице вводите свои ключи.
Включение reCAPTCHA в Contact Form 7 (v3 или v2)?
Теперь мы приходим к самому интересному – как поставить капчу в Contact Form 7. И тут важным моментом есть то, какой именно вариант защиты вы выбрали. Сейчас Гугл продвигает третью версию и разработчик модуля внедрил именно ее (как передовую технологию). Однако, если почитать форум поддержки в репозитории, то можно увидеть отзывы многих пользователей о том, что данный антиспам фильтр не всегда хорошо справляется.
В общем, если вы решили применять reCAPTCHA v3, то никакие дополнительные настройки после ввода ключей делать не нужно. Вам даже не требуется размещать в форме шорткод [recaptcha], который теперь просто игнорируется. Скрипт капчи работает сразу «из коробки» и самостоятельно в фоновом режиме будет определять является человек реальным или ботом.
Плагин Contact Form 7 – reCaptcha v2
Как я уже говорил выше, новой технологии пока не доверяю, поэтому нашел для себя модуль, совместимый с reCAPTCHA v2. Из его однозначных плюсов выделю: активную и быструю работу над ошибками, более 70к загрузок, простота подключения. Скачивайте отсюда либо ставьте сразу из WP-админки.
После его активации вам нужно:
1. Зайти в раздел «Contact Form 7» — пункт «Версия reCaptcha», где выбираете вторую (источник, как и был по умолчанию, остается google.com).
2. Кликаем по кнопке “Отправить”.
3. Далее открываем для редактирования нужную форму и добавляем перед кнопкой отправки шорткод [recaptcha]. Сохраняем настройки и проверяем результат на вебсайте.
Для шорткода, кстати, есть несколько доп.параметров.
Дополнительные нюансы. Если вдруг по какой-то причине автор забросит этот замечательный плагин, то выбирая среди всех остальных плагинов для капчи в Вордпресс с подобными функциями я бы посоветовал попробовать Advanced noCaptcha & invisible Captcha (v2 & v3) (находится тут). Его аналогично часто упоминают как альтернативу, но баги там исправляются чуть менее быстро (хотя также имеется 70к скачиваний).
Если вы используете в работе Flamingo, то я бы настоятельно рекомендовал ставить капчу на Contact Form 7 ибо спам в данном случае изначально фильтруется через Akismet. И когда последний у вас не настроен, то ооочень многие реальные сообщения из формы помечаются как спам. Если я правильно понял, форма в первую очередь ориентируется на Akismet, когда в проекте нет более серьезного решения от Гугла. В общем, тут еще надо тестировать всякие нюансы, но чтобы бы вы не выбрали без антиспама Flamingo лучше не оставлять.
Понравился пост? Подпишись на обновления блога по 
RSS, 
Email или 
twitter!
Оцените статью:
Интеграция 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. Те, кто уже работал с сервисом, наверняка увидели, что дизайн серьезно изменился. Смотрим на скриншот. Стрелочкой указано, куда нажимать. Пустое поле — статистика. Просто невидимой рекапчей никто не пользовался, потому стата пуста. Если мало посетителей, то в статистике так же ничего не будет. Нажимаем на кнопку.
Вот и перешли к следующему окну. Здесь нужно указать данные домена. Все довольно просто, смотрите на примере ниже.
Итак, по порядку:
Вбиваем ярлык. Это название проекта. Выбирайте любое удобное.
Выбираем тип рекапчи. В нашем случае — reCAPTCHA v3.
Указываем домен. Без http, htpps, если есть www, то тоже нужно указать.
Если нужно, указываем дополнительные адреса электронной почты.
Принимаем условия, листаем ниже. Отправляем данные.
После выполнения данных действий появится следующая страница.
Там будет размещен код сайта и секретный ключ сайта. В открытом доступе светить их не стоит, потому закрашены. Теперь переходим к интеграции .
Подключение reCAPTCHA v3 к Contact Form 7
Выбираем плагин, стрелочкой указано куда следует нажать. Выбираем раздел «Интеграция». В открывшемся окне в поле reCAPTCHA нажимаем кнопку Setup Integration. Попадаем в следующий раздел.
Кликните для увеличения
Копируем ключи, размещенные на сайте Google, вставляем в отмеченные поля. Нажимаем кнопку Save Changes. Установка reCAPTCHA v3 для Contact Form 7 закончена. Как видите, все просто. Но теперь появилась другая проблема. Появился раздражающий логотип в нижнем правом углу экрана. Как исправить, смотрите здесь.
WordPress. Как добавить captcha в Contact Form 7
Этот урок покажет как создать пункт меню без ссылки (menu separator) в Wordpress шаблоне.
We have prepared for you a fantastic selection of 50 best themes, with which you can create a perfect site from scratch.
Из этого туториала Вы узнаете, как изменить скорость прокрутки сайта в Wordpress
Submit a ticket
Если вы не смогли найти подходящее решение проблемы, пожалуйста воспользуйтесь следующей ссылкой, чтобы отправить запрос команде технической поддержки.
Отправить запросВы получите ответ в течение 24 часов