Minder spam met reCAPTCHA

Komt er veel spam binnen via de formulieren op je website? Gelukkig hoef je al die spam niet meer handmatig te verwijderen uit je mailbox, dankzij het gebruik van reCAPTCHA. Om reCAPTCHA in te stellen op je WordPress formulieren, zijn er echter wel wat handelingen nodig. En die lichten we hieronder graag aan je toe.

Verschillende soorten CAPTCHA

reCAPTCHA v2

Met reCAPTCHA v2 wordt een verzoek – in dit geval een formulier indienen – geverifieerd door middel van een challenge. De bekende ‘Ik ben geen robot’ en het aanklikken van plaatjes waar – bijvoorbeeld – een auto op afgebeeld staat. Je bent ze waarschijnlijk vaak genoeg tegenkomen. Bij reCAPTCHA v2 wordt er in ieder geval een extra handeling vanuit de gebruiker vereist.

reCAPTCHA v3

Met reCAPTCHA v3 wordt een verzoek geverifieerd door middel van een score. Dit wordt op de achtergrond uitgevoerd, waardoor de gebruiker niet meer wordt ‘lastig gevallen’ met extra handelingen.

Bij reCAPTCHA v3 wordt onder andere gecontroleerd hoe snel het formulier wordt ingevuld, welke muisbewegingen er worden gemaakt, wat het IP-adres van de bezoeker is, etc. Op basis van die informatie wordt bepaald of het wel of geen spam betreft.

hCAPTCHA

Een relatief nieuwe speler in de CAPTCHA markt is hCAPTCHA. Op dit moment bieden zij alleen nog verificatie door middel van challenges. En ook niet alle WordPress plugins zijn al klaar voor hCAPTCHA. Maar het zijn wel interessante ontwikkelingen die wij graag volgen. Wordt dus verder vervolgd😉.

Een reCAPTCHA-sleutel aanmaken

Hieronder leggen we stapsgewijs uit hoe je zelf je reCAPTCHA v3 sleutel kunt aanmaken. Op dit moment geven wij de voorkeur aan reCAPTCHA v3, omdat de resultaten goed zijn en je de gebruiker niet hoeft ‘lastig te vallen’ met een challenge. Daarnaast zijn de meest WordPress formulieren op dit moment ingericht voor reCAPTCHA v3.

1. Aanmaken: Ga naar de reCAPTCHA pagina van Google.
2. Labelen: geef je sleutel een naam. Zodat je zelf weet waar hij van is.
3. reCAPTCHA-type: kies voor reCAPTCHA v3.
4. Domeinen: voer hier het domein van je website in, zonder ‘www’, ‘https://’, etc. Dus gewoon: dtvwp.nl (voorbeeld).
5. Eigenaren: vink het accepteren van de voorwaarden aan.
6. Verzenden: als je alle velden juist hebt ingevuld, klik dan op ‘verzenden’.
7. Sleutels kopiëren: je komt nu in een scherm waar je twee sleutels ziet. Deze hebben we nodig bij de volgende stap.

reCAPTCHA instellen op je formulieren

Let op; kijk eerst goed welke plugin of builder je gebruikt voor de formulieren op je website. En volg uitsluitend de stappen die daar bij horen.

Nu je een sleutel hebt aangemaakt, zul je deze nog moeten implementeren op je website. Hieronder staan een aantal plugins en builders beschreven:

WP Forms (plugin)

1. Login bij de WordPress website, die je zojuist bij Google reCAPTCHA hebt ingevoerd.
2. Ga in je dashboard naar WPForms (linker kant) en klik op ‘Instellingen’.
3. Klik nu bovenin het menu op CAPTCHA.
4. Selecteer de juiste CAPTCHA variant. In dit geval dus ‘reCAPTCHA’ en vervolgens ‘reCAPTCHA v3’. Anders gaat het niet werken.
5. Vervolgens vul je hier de ‘Site key’ en ‘Secret key’ in die we zojuist bij Google reCAPTCHA hebben aangemaakt.
6. Als je alles juist hebt ingevoerd, klik dan op ‘Instellingen opslaan’.

Vervolgens moeten we reCAPTCHA nog activeren op alle formulieren.

1. Ga naar je formulieren en klik bij één van de formulieren op ‘bewerk’.
2. Je komt nu in het bewerk scherm van WPForms terecht. Links staat een menu, klik hier op ‘velden’.
3. Klik bij ‘velden toevoegen’ op ‘CAPTCHA’ en sla het formulier vervolgens op.
4. Herhaal dit voor iedere formulier.

Contact Form 7 (plugin)

1. Login bij de WordPress website, die je zojuist bij Google reCAPTCHA hebt ingevoerd.
2. Ga in je dashboard naar Contact (linker kant) en klik op ‘Integratie’.
3. Scroll naar beneden naar het blok ‘reCAPTCHA’ en klik op ‘Integratie instellen’.
4. Vul hier de CAPTCHA sleutels in die je in Google gegenereerd hebt.
5. Let op; Contact Form 7 werkt met reCAPTCHA v3. Een andere variant zal dus niet werken.

Elementor Forms (builder)

1. Login bij de WordPress website, die je zojuist bij Google reCAPTCHA hebt ingevoerd.
2. Ga in je dashboard naar Elementor (linker kant) en klik op ‘Instellingen’.
3. Klik vervolgens op het tabje ‘Integraties’ en ga naar ‘reCAPTCHA V3’.
4. Vul bij ‘reCAPTCHA V3’ de sleutels in, de treshold kun je zo laten.
5. Scroll naar beneden en klik op ‘Opslaan’.
6. Vervolgens moeten de formulieren nog voorzien worden van reCAPTCHA.
7. Ga naar een pagina waar je een formulier hebt staan en klik op ‘Bewerk met Elementor.’
8. Klik op het formulier en dan op ‘Item toevoegen’ en selecteer ‘reCAPTCHA V3.’
9. Sla de pagina op, dit formulier is nu voorzien van reCAPTCHA V3.

Formidable Forms

1. Login bij de WordPress website, die je zojuist bij Google reCAPTCHA hebt ingevoerd.
2. Ga in je dashboard naar Formidable (linker kant) en klik op ‘Globale instellingen’.
3. Klik vervolgens op het kopje ‘CAPTCHA’.
4. Vul bij ‘reCAPTCHA Settings’ de sleutels in en selecteer bij reCaptcha Type “v3”, de treshold kun je zo laten.
5. Klik rechtsboven op ‘Bijwerken’.
6. Vervolgens moeten de formulieren nog voorzien worden van reCAPTCHA.
7. Open via Formidable – Formulieren het formulier dat je wilt bewerken.
8. Voeg één reCaptcha veld toe aan je formulier (bijvoorbeeld boven de verzendknop).
9. Sla het formulier op via Bijwerken (rechtsboven) en dit formulier is nu voorzien van reCAPTCHA V3.

Forminator

1. Login bij de WordPress website, die je zojuist bij Google reCAPTCHA hebt ingevoerd.
2. Ga in je dashboard naar Forminator (linker kant) en klik op ‘Instellingen’.
3. Klik vervolgens op het kopje ‘CAPTCHA’.
4. Selecteer daar ‘v3 reCAPTCHA’ en vul de sleutels in.
5. Klik rechtsonder op ‘Instellingen opslaan’.
6. Vervolgens moeten de formulieren nog voorzien worden van reCAPTCHA.
7. Open via Forminator – Formulieren het formulier dat je wilt bewerken.
8. Voeg één Captcha veld toe aan je formulier (bijvoorbeeld als laatste veld).
9. Sla het formulier op via Update (rechtsboven) en dit formulier is nu voorzien van reCAPTCHA V3.