Jak skonfigurować reCaptcha w Contact Form 7?

reCaptcha do walki ze spamem!

Jeśli myślisz o formularzu kontaktowym na swojej stronie to wybierasz bezapelacyjnie Contact Form 7. Pisałem jakiś czas temu o 15 niezbędnych wtyczkach do WordPressa i CF7 jest jedną z nich. Wtyczka pozwala tworzyć zarówno proste jak i rozbudowane formularze, które mogą posłużyć jako formularze kontaktowe, rezerwacyjne itd.

Udostępniając formularz kontaktowy na stronie, poniekąd trzeba liczyć się z tym, że z czasem naszą skrzynkę zaleje fala spamu.

Jak obronić się i zabezpieczyć formularz kontaktowy przed niechcianym spamem?

Z pomocą przychodzi integracja formularza Contact Form 7 z zabezpieczeniem reCaptcha. Na przykładzie wp-lab.pl pokażę jak poprawnie skonfigurować reCaptcha w Contact Form 7.

  • Po pierwsze zainstaluj Contact Form 7
  • Następnie otwórz zakładkę w panelu administratora Formularze > Integracje i wybierz „Setup Integration”

Konfiguracja reCaptcha v3

  • Otwórz w nowej karcie google.com/recaptcha i zaloguj się do konsoli za pomocą swojego konta w Google
  • Za pomocą „+” dodaj nową witrynę do usługi reCaptcha
  • Poprawnie skonfiguruj nową witrynę w reCaptcha
  • Skopiuj klucze konfiguracyjne

Dodawanie kluczy reCaptcha do Contact Form 7

  • A następnie wklej klucze w odpowiednie miejsca w panelu WordPress Formularze > Integracje > reCaptcha i zapisz przyciskiem „Save changes”
  • Po odświeżeniu strony klucze zostaną dodane, a formularze kontaktowe CF7 będą zintegrowane z zabezpieczeniem reCaptcha (od wersji v3).

reCaptcha w wersji v2

Jeśli skonfigurowaliście reCaptcha w wersji v2 to w formularzu kontaktowym przed przyciskiem „Wyślij” należy wkleić shortcode:

[recaptcha]

Formularz kontaktowy powinien wyglądać tak:

reCaptcha v3 na stronie internetowej

Jeśli natomiast korzystacie z najnowszej wersji reCaptcha w wersji v3 to nie ma potrzeby żadnych dodatkowych działań. Formularze są już zabezpieczone o czym świadczy widget reCaptcha we froncie:

Ukryj widget reCaptcha v3

Dodatkowo można ostylować widget reCaptcha i ukryć go we froncie za pomocą:

.grecaptcha-badge  {
display:none
}

W razie problemów napisz w komentarzu lub odezwij się na hello@wp-lab.pl

Marcin Guzik

Marcin Guzik

Zafascynowany WordPressem. Użytkownik WP od 2008 roku, od wersji 2.4, albo 2.5 (nie pamiętam dokładnie). Piszę na: mrcng.pl. Zawodowo: jestem właścicielem Net-Factory. Prywatnie: mąż, ojciec, instruktor karate.

Opieka i serwis stron internetowych

Zajmij się swoim biznesem a my zajmiemy się Twoją stroną. Zapewniamy stałą opiekę oraz wyspecjalizowany serwis dla stron na WordPress oraz sklepów internetowych WooCommerce.

Wybierz coś dla siebie