Google reCaptcha v3 i Contact Form 7

Aby ułatwić naszym klientom pozyskanie informacji na temat produktu czy usługi często umieszczamy na swoich stronach internetowych formularze kontaktowe. Po ich wypełnieniu do naszego systemu, lub na skrzynkę email przychodzi taka wiadomość od użytkownika. Dużym minusem takiego rozwiązania jest to, że formularze są często atakowane przez tzw. boty. Generują one niepotrzebne zaśmiecenie skrzynki przez co możemy przeoczyć istotną wiadomość od klienta.

Wygeneruj klucze

Zapewne większość z Was korzysta z popularnej wtyczki Contact form 7 dla WordPress, w ostatnich aktualizacjach jej integracja z Google reCaptcha v3 jest banalnie prosta i nie wymaga wiele wysiłku. Na początek należy zalogować się do serwisu https://www.google.com/recaptcha za pomocą swojego konta Google. W panelu należy dodać domenę klikając na plus w prawym górnym rogu.

Po kliknięciu naszym oczom pokaże się formularz do wypełnienia danymi dotyczącymi strony, na której chcemy umieścić moduł antyspamowy.

W miejscu etykiety wpisujemy nazwę strony będzie to dla nas informacja, żeby móc łatwo zidentyfikować do jakich celów użyliśmy właśnie te klucze. Następnie wybieramy typ reCAPTCHA v3, bo z tą wersją teraz współpracuje Contact form 7. W polu domeny wpisujemy domenę naszej strony internetowe. Wystarczy sama domena, bez https, czy www. Dodatkowo możemy dodać adresy email osób, które będą upoważnione do użytkowania Twoich kluczy wygenerowanych na podstawie tego formularza.

Akceptujemy regulaminy i klikamy Prześlij. Po wykonaniu poprawnie powyższych operacji zostaną wyświetlone wygenerowane dwa klucze – klucz strony i klucz sekretny. Zostawiamy na ten moment panel i przechodzimy do naszej strony na WordPressie.

Integracja wtyczki

Po zalogowaniu do kokpitu WordPressa przechodzimy do zakładki Formularze, a następnie Integracje gdzie w polu reCAPTCHA klikamy na przycisk Setup integration. W tym miejscu mamy dwa pola do uzupełnienia, odpowiadają one kluczom, które pokazały nam się w panelu zaraz po przetworzeniu formularza. Skopiuj je w odpowiednie miejsca, zatwierdź zmiany i gotowe. Twój formularz jest już zabezpieczony, a w prawym dolnym rogu na Twojej stronie internetowej powinien się pojawić element z logo Google reCaptcha.