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 { visibility: hidden; }
Ale, ukrywając widget reCaptcha należy poinformować użytkownika o usłudze reCaptcha.
This site is protected by reCAPTCHA and the Google
<a href="https://policies.google.com/privacy">Privacy Policy</a> and
<a href="https://policies.google.com/terms">Terms of Service</a> apply.
W razie problemów napisz w komentarzu lub odezwij się na hello@wp-lab.pl