Google heeft een nieuwe versie van de reCAPTCHA dat je helpt spam tegen te gaan d.m.v. je contactformulier op je website. Wanneer je WordPress gebruikt en hebt ge-update naar WP 5. dan is er een grote kans aanwezig dat het contactformulier niet meer werkt!
Ik leg je uit hoe je opnieuw je contactformulier gebruiken en kunt beveiligen met reCAPTCHA v3.
Contact Form 7 foutmelding
Wanneer je een probleem hebt met je reCaptcha API keys, dan zie je daar een melding van onder het kopje Contact.
Ga naar Contact > Integration aan de linker kant van de werkbalk
Aan de bovenzijde van de pagina zal de onderstaande melding te vinden zijn.
reCAPTCHA opnieuw instellen
Onder de melding vind je onderstaande button.
Klik op de Setup Integration button.
Je ziet het reCAPTCHA scherm met velden voor de twee sleutels die je nodig hebt om de API te koppelen.
Nieuw sleutels generenen
Laat dat venster open en open een nieuw tabblad of venster.
Ga naar Google reCAPTCHA
Klik rechtsboven op My reCAPTCHA button.
Als je nog niet bent aangemeld bij hetzelfde Google-account dat je de eerste keer voor reCAPTCHA hebt gebruikt, moet je hiernaar overschakelen om de API-sleutels te bekijken die je al eerder hebt gemaakt.
Bovenaan zie je je huidige API-sleutels.
Scrol hieronder om een nieuwe site te registreren. Dit is vereist om de nieuwe v3 API-sleutels te krijgen.
Label – Vul een naam in die herkenbaar is. Zoals: naamwebsite recaptcha v3
Kies de versie voor reCAPTCHA – klik op reCAPTCHA v3.
Domains – je ziet een nieuw veld om je domein in te geven. je kunt meer dan één domein tegelijk invoeren, elk op een nieuwe regel. Neem GEEN http (s) of www-gedeelte op, alleen de onbewerkte domein, zoals webcare4all.nl
TOS and Register – vink het vakje aan om de servicevoorwaarden te accepteren.
Laat het vakje aangevinkt om waarschuwingen naar eigenaars te verzenden.
Klik vervolgens op de blauwe knop Registreren.
Sleutels verkrijgen
Bovenaan de pagina waarheen je wordt doorgestuurd, zie je de twee nieuwe sleutels die je nodig hebt.
Sla de wijzigingen op. De foutmelding van Contactformulier 7 moet verdwenen zijn.
ReCAPTCHA badge verwijderen
Wat jammer is is dat er nu rechtsonder je website een logo van reCAPTCHA te zien is. Je mag de badge verbergen zolang je de reCAPTCHA-branding zichtbaar opneemt. Voeg de volgende tekst toe:
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.
Wanneer je onderstaande stukje code knipt en plakt in je [custom CSS] sectie van je website dan zal het logo zijn verdwenen.
.grecaptcha-badge {
display: none !important;
}
