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
