powrot do bloga

Jak dodać reCaptcha do formularza Contact Form 7 w WordPress

Hauer Mateusz LinkedIn
Jak dodać reCaptcha do formularza Contact Form 7 w WordPress

Jak zabezpieczyć formularz na stronie przed spamem ?

Poznaj czym jest reCaptcha i dlaczego warto w prosty sposób zainstalować mechanizm w wersji v3, który nie utrudnia życia użytkownikom tj: nie wymusza klikania obrazków w celu potwierdzenia autentyczności. Zobacz jak wygląda proces integracji reCaptcha Google w Wordpress dla popularnej wtyczki formularzy Contact Form 7.

Spis treści:

Czym jest reCaptcha V3 ?

Zabezpieczenie formularza na stronie Wordpress. Poznaj reCaptcha v3.

Jeżeli masz stronę internetową to integralną jej częścią są formularze kontaktowe umieszczone w formie krótkich sekcji na najważniejszych podstronach np: typu landingpage oraz w podstronie kontaktu. Zabezpieczenie reCaptcha od Google inteligentnie wykrywa spam i pomaga chronić przed masową wysyłką spamu przez roboty lub boty.

Poprzednikiem wersji automatycznej była wersja V2 wymuszająca na użytkowniku odgadywanie prostych obrazów i wyszukiwanie ich wg klucza by potwierdzić autentyczność wysyłanej wiadomości. Po zaznaczeniu opcji 'nie jestem robotem', wyskakiwało dodatkowe pole do zaznaczenia np: samochodów, gór czy przejścia na ulicy na szachownicy obrazów. Było to dość niewygodne i niepraktyczne.

Zabezpieczenie reCaptcha od Google

Zmiany w wersji v3 reCaptcha

Wraz z wprowadzeniem najnowszej wersji skrypt działa automatycznie i w tle. Wykrywa zachowania użytkownika i ocenia czy formularz wysyła robot czy realny użytkownik.

Dbamy o strony internetowe na Wordpress. Zobacz co możemy zrobić

Zobacz nasze usługi opieka Wordpress oraz tworzenie stron Wordpress

Jak zabezpieczyć formularz na stronie Wordpress przy zastosowaniu Contact Form 7 ?

Najpopularniejszym rozwiązaniem stosowanym do tworzenia formularzy na stronach w Wordpress jest wtyczka Contact Form 7. Integracja ze stroną jest dość prosta, a wszelkie rozszerzenia wtyczki Contact Form 7 opisaliśmy również na naszym blogu. CF7 zapewnia również prostą integrację reCaptcha v3 poprzez wprowadzenie kluczy API z Google.

Generowanie klucza API reCaptcha

W pierwszym kroku należy przejść do strony google.com/recaptcha/admin w której następuje wygenerowanie odpowiedniego klucza. Jeżeli instalujemy mechanizm do nowej strony należy należy kliknąć w ikonę + na górze strony aby dodać nowe zabezpieczenie.

Panel Google reCaptcha po zalogowaniu. Widoczne liczby żądań oraz podejrzanych prób wysłania formularza

W formularzu generowania kluczy API uzupełniamy kolejno pola :

Etykieta - w tym miejscu najlepiej wpisz nazwę swojej strony

Typ reCaptcha - wybieramy wersję v3

Domeny - dodajemy adres zabezpieczanej strony

Akceptujemy warunki.

Wprowadzenie i uzupełnienie reCaptcha

Po wprowadzeniu danych zostaną wygenerowane klucze które następnie należy skopiować do formularza integracji reCaptcha w Wordpress

Generowanie kluczy API w Google reCaptcha

Zobacz również jak założyć bloga na Wordpress

Wprowadzenie kluczy reCaptcha w Wordpress

Po rejestracji otrzymasz dwa klucze tj: klucz tajny i prywatny, które będą potrzebne do wprowadzenia w Twoim Wordpress w zakładce Formularze - integracje.

Wprowadzenie kluczy z API do formularza Contact Form 7 w Wordpress

Wprowadzenie kluczy API w Wordpress

Tym sposobem w prosty i szybki sposób zabezpieczymy formularz na stronie internetowej wygodny dla użytkownika i chroniący. nas przed dużą ilością spamu rozsyłanego przez roboty.

Zobacz również

Jesteś gotowy na POWER ?

Potrzebujesz świeżego spojrzenia ?

Rozwiń i zaangażuj użytkowników.
Usprawnij obsługę procesów sprzedaży oraz doświadczenia Klientów.

Uwolnij z nami swój  potencjał cyfrowy
agencja digital marketing