Einrichtung von hCaptcha für WordPress-Formulare

Füllen Bots Ihre WordPress-Formulare mit Junk? hCaptcha kann die meisten davon blockieren, bevor sie Ihren Posteingang erreichen.

hCaptcha ist eine beliebte Alternative zu Google reCAPTCHA und hat einen kostenlosen Plan. WPForms unterstützt es sofort, auch in der kostenlosen Version. Die Einrichtung erstreckt sich jedoch über 2 Dashboards, und ein falscher Schlüssel kann jeden Eintrag blockieren.

In diesem Leitfaden zeige ich Ihnen, wie Sie hCaptcha auf WordPress-Formularen einrichten.

Was ist hCaptcha?

hCaptcha ist ein CAPTCHA-Dienst, der hilft, Bots und Spammer vom Absenden Ihrer Formulare abzuhalten. Die meisten Besucher aktivieren eine "Ich bin menschlich"-Box und lösen dann eine kurze Bildherausforderung.

hCaptcha gibt an, dass es mit Blick auf den Datenschutz entwickelt wurde und keine persönlichen Daten verkauft. Seine Datenschutzrichtlinie deckt Regeln wie DSGVO und CCPA ab.

Es ist also eine gute Wahl, wenn die Privatsphäre Ihrer Website für Sie wichtig ist.

hCaptcha hat einen kostenlosen Plan, und das ist alles, was Sie für dieses Tutorial benötigen. Der kostenpflichtige Pro-Plan fügt einen "99,9 % passiven" Modus und benutzerdefinierte Themes hinzu.

hCaptcha vs reCAPTCHA vs Cloudflare Turnstile

WPForms unterstützt 3 CAPTCHA-Dienste. Sie können jeweils nur einen auf Ihrer gesamten Website verwenden. Hier ist ein Vergleich:

	hCaptcha	Google reCAPTCHA	Cloudflare Turnstile
Kostenloser Plan	Ja	Ja, bis zu 10.000 Prüfungen pro Monat	Ja, bis zu 20 Widgets
Was Besucher in WPForms sehen	Kontrollkästchen, normalerweise gefolgt von einer Bildaufgabe (kostenloser Plan)	Kontrollkästchen (v2) oder nichts (Unsichtbar v2 und v3)	Ein kleines Widget, normalerweise ohne Rätsel
Unsichtbare Option in WPForms	Nein	Ja	Der Widget-Modus wird in Cloudflare eingestellt
Am besten für	Datenschutzfreundliche Websites, die mit einem Kontrollkästchen einverstanden sind	Websites, die bereits Google-Dienste nutzen	Websites, die die geringste Reibung wünschen

Die Limits stammen von Googles reCAPTCHA-Stufen und Cloudflares Turnstile-Pläne.

Für einen tieferen Einblick siehe unseren hCaptcha vs. reCAPTCHA Vergleich. Wir haben auch eine Anleitung zu Cloudflare Turnstile auf WordPress-Formularen.

So richten Sie hCaptcha auf WordPress-Formularen ein

Um hCaptcha in WordPress einzurichten, installieren Sie WPForms. Wählen Sie dann hCaptcha unter WPForms » Einstellungen » CAPTCHA.

Fügen Sie den Site Key und den Secret Key aus Ihrem hCaptcha-Dashboard ein und speichern Sie. Fügen Sie dann das hCaptcha-Feld im Formular-Builder zu Ihrem Formular hinzu.

Hier ist jeder Schritt im Detail:

Schritt 1: WPForms installieren und aktivieren

Installieren und aktivieren Sie zuerst das WPForms-Plugin. hCaptcha funktioniert sowohl mit WPForms Lite als auch mit WPForms Pro. Sie benötigen dafür keine kostenpflichtige Lizenz.

Neu bei WordPress? Hier ist eine Schritt-für-Schritt-Anleitung, wie Sie ein WordPress-Plugin installieren.

Öffnen Sie als Nächstes die CAPTCHA-Einstellungen. Gehen Sie in Ihrem Dashboard zu WPForms » Einstellungen und klicken Sie auf den Tab CAPTCHA.

Sie sehen 4 Optionen: hCaptcha, reCAPTCHA, Turnstile und Keine. Wählen Sie hCaptcha.

Sobald Sie dies tun, erscheinen Felder für Ihren Site Key und Secret Key. Sie erhalten beide im nächsten Schritt von hCaptcha.

Möglicherweise sehen Sie auf dieser Seite auch ein Feld namens Bevorzugen Sie keine CAPTCHAs?. Das ist ActiveLayer, ein unsichtbarer Spamfilter vom WPForms-Team.

Es ist optional und Sie können es für dieses Tutorial überspringen.

Schritt 2: hCaptcha-Sitekey einrichten

Öffnen Sie nun die hCaptcha-Website in einem neuen Tab. Lassen Sie Ihre WPForms-Einstellungen im ersten Tab geöffnet.

Registrieren Sie sich für ein kostenloses Konto oder melden Sie sich an, falls Sie bereits eines haben.

hCaptcha gibt Ihnen 2 Schlüssel. Der Site Key ist öffentlich und lädt das CAPTCHA auf Ihr Formular. Der Secret Key ist privat und ermöglicht es Ihrer Website, jede Antwort mit hCaptcha zu überprüfen.

Öffnen Sie in Ihrem hCaptcha-Dashboard den Tab Sites. Ihr Konto listet möglicherweise bereits einen Sitekey auf. Um diese Website separat zu halten, fügen Sie eine neue hinzu.

Geben Sie dem Sitekey einen Namen. Er dient nur Ihrer Referenz, daher ist etwas wie „Mein Kontaktformular“ in Ordnung.

Fügen Sie dann die Domain Ihrer Website zur Domainliste des Sitekeys hinzu, z. B. example.com. Fügen Sie jede Domain hinzu, auf der das Formular angezeigt wird, einschließlich jeder Staging-Site.

Speichern Sie den Sitekey, wenn Sie fertig sind.

Schritt 3: Sitekey zu WPForms hinzufügen

Verbinden Sie nun hCaptcha mit WPForms. Gehen Sie zurück zum Tab Sites und kopieren Sie den Sitekey für Ihre neue Website.

Wechseln Sie zu Ihrem WPForms-Tab und fügen Sie ihn in das Feld Site Key ein.

Holen Sie sich als Nächstes Ihren geheimen Schlüssel. Klicken Sie in hCaptcha auf Ihr Profilsymbol oben rechts und wählen Sie Einstellungen.

Kopieren Sie den dort angezeigten geheimen Schlüssel.

Wenn Sie einen neuen benötigen, klicken Sie auf Neuen geheimen Schlüssel generieren. Kopieren Sie den geheimen Schlüssel sofort und bewahren Sie ihn sicher auf.

Fügen Sie ihn in das Feld Secret Key in WPForms ein.

Sie können auch die Fehlermeldung ändern. Besucher sehen sie, wenn sie die Überprüfung nicht bestehen.

Die Standardeinstellung lautet „hCaptcha-Überprüfung fehlgeschlagen, bitte versuchen Sie es später erneut.“

Klicken Sie auf Einstellungen speichern. WPForms zeigt dann eine Vorschau Ihres CAPTCHA an, die aus Ihrem Site-Schlüssel erstellt wurde.

Wenn die Vorschau geladen wird, funktioniert Ihr Site-Schlüssel.

Schritt 4: Neues Formular erstellen

Jetzt ist es an der Zeit, hCaptcha zu einem Formular hinzuzufügen. Öffnen Sie ein vorhandenes Formular oder erstellen Sie ein neues Formular unter WPForms » Neues Formular hinzufügen.

Geben Sie Ihrem Formular einen Namen. Wählen Sie dann eine Vorlage aus der Formularvorlagenbibliothek oder beginnen Sie mit einem leeren Formular.

Vorlagen ersparen Ihnen das manuelle Erstellen jedes Feldes.

Für dieses Beispiel verwende ich die Vorlage Einfaches Kontaktformular.

Der Formular-Builder wird geöffnet. Ihre Felder befinden sich auf der rechten Seite und die Feldliste auf der linken Seite.

Schritt 5: hCaptcha-Feld im WordPress-Formular hinzufügen

Suchen Sie in der Feldliste auf der linken Seite den Abschnitt Standardfelder. Klicken Sie auf das Feld hCaptcha.

Dieses ziehen Sie nicht. Ein einziger Klick aktiviert es.

Ein Popup sagt „hCaptcha wurde für dieses Formular aktiviert. Vergessen Sie nicht, Ihr Formular zu speichern!“ Klicken Sie auf OK.

Ein hCaptcha-Badge wird nun in der Formularvorschau angezeigt.

Es ist nur eine Erinnerung im Builder. Besucher sehen stattdessen das echte hCaptcha-Kontrollkästchen.

Sie können hCaptcha auch über die Einstellungen des Formulars aktivieren.

Gehen Sie zu Einstellungen » Spam-Schutz und Sicherheit. Schalten Sie unter CAPTCHA den Schalter hCaptcha aktivieren ein.

Klicken Sie oben im Builder auf Speichern. Fügen Sie dann Ihr Formular zu einer Seite in WordPress hinzu.

Schritt 6: Ihr neues hCaptcha-Feld testen

Überprüfen Sie nun, ob hCaptcha funktioniert. Öffnen Sie die Seite mit Ihrem Formular im Frontend Ihrer Website.

Füllen Sie die Felder aus und aktivieren Sie das hCaptcha-Kontrollkästchen. Möglicherweise erhalten Sie eine Bildherausforderung, die Sie lösen müssen.

Senden Sie dann das Formular ab und stellen Sie sicher, dass Sie Ihre Bestätigungsnachricht sehen.

Das ist alles! hCaptcha schützt jetzt Ihr WordPress-Formular.

Erstellen Sie jetzt Ihr WordPress-Formular

Fehlerbehebung: hCaptcha funktioniert nicht auf WordPress-Formularen

Wenn hCaptcha nicht funktioniert, liegt die Ursache normalerweise bei Ihren Schlüsseln, Domains oder einem anderen Plugin. Hier erfahren Sie, wie Sie die häufigsten Probleme beheben.

Die Regeln für Token, localhost und test-key unten stammen aus den Entwicklerdokumenten von hCaptcha.

Das hCaptcha-Feld wird nicht im Formular angezeigt

Stellen Sie zunächst sicher, dass hCaptcha für dieses Formular aktiviert ist. Öffnen Sie das Formular im Builder und überprüfen Sie Einstellungen » Spam-Schutz und Sicherheit » CAPTCHA.

Wenn es aktiviert ist, leeren Sie den Cache Ihrer Website und Ihres Browsers. Caching- und Skript-Optimierungs-Plugins können das hCaptcha-Skript verzögern oder blockieren.

Immer noch nicht sichtbar? Ein anderes Plugin lädt möglicherweise sein eigenes CAPTCHA.

In WPForms » Einstellungen » CAPTCHA aktivieren Sie den No-Conflict-Modus. Er entfernt andere CAPTCHA-Skripte von Ihren Seiten.

„hCaptcha-Verifizierung fehlgeschlagen, bitte versuchen Sie es später erneut“

Dies ist die Standard-Fehlermeldung von WPForms. Der Besucher hat die Überprüfung entweder nicht abgeschlossen oder zu lange gebraucht.

hCaptcha-Token verfallen nach etwa 2 Minuten.

Bitten Sie sie, das Feld erneut anzukreuzen und sofort abzusenden. Wenn alle diese Meldung sehen, überprüfen Sie als Nächstes Ihren Secret Key.

WPForms meldet, dass hCaptcha Ihren geheimen Schlüssel ablehnt

In WPForms 2.0.2 und neuer sehen Sie diese Benachrichtigung in Ihrem WordPress-Dashboard: „hCaptcha lehnt Ihren Secret Key ab, daher werden Formularübermittlungen blockiert.“

Ihr Secret Key ist falsch oder stimmt nicht mit dem Konto Ihres Site Keys überein.

Kopieren Sie einen neuen Secret Key aus Ihren hCaptcha-Einstellungen. Fügen Sie ihn ein und klicken Sie auf Einstellungen speichern.

hCaptcha funktioniert auf Ihrer Live-Site, aber nicht auf Staging

Überprüfen Sie zunächst, ob Ihre Staging-Domain in der Domainliste Ihres Site Keys enthalten ist. Fügen Sie sie hinzu, wenn sie fehlt.

hCaptcha akzeptiert localhost oder 127.0.0.1 überhaupt nicht. Verwenden Sie für eine lokale Website die Testschlüssel von hCaptcha aus Schritt 3.

Das Formular wird gesendet, aber die E-Mail kommt nie an

Das ist ein E-Mail-Problem, kein hCaptcha-Problem. Standardmäßig sendet WordPress E-Mails von Formularen über Ihren Webhoster, und viele gehen verloren.

Unser Leitfaden zu WPForms sendet keine E-Mails erklärt die Lösung mit WP Mail SMTP.

FAQs zu hCaptcha

Hier sind Antworten auf häufig gestellte Fragen zur Verwendung von hCaptcha mit WordPress.

Ist hCaptcha kostenlos?

Ja. hCaptcha hat einen kostenlosen Plan, der mit WPForms funktioniert.

Pro beginnt bei 99 US-Dollar pro Monat bei jährlicher Abrechnung, pro hCaptchas Pro-Seite. Er fügt einen passiven Modus mit 99,9 % und benutzerdefinierte Themes hinzu.

Unterstützt WPForms Lite hCaptcha?

Ja. hCaptcha, reCAPTCHA und Cloudflare Turnstile sind alle im kostenlosen WPForms Lite-Plugin enthalten. Sie benötigen keine kostenpflichtige WPForms-Lizenz, um sie zu verwenden.

Kann ich hCaptcha und reCAPTCHA gleichzeitig verwenden?

Nein. WPForms verwendet einen CAPTCHA-Dienst für Ihre gesamte Website.

Sie wählen ihn in WPForms » Einstellungen » CAPTCHA. Sie können das CAPTCHA für jedes Formular weiterhin aktivieren oder deaktivieren.

Kann ich hCaptcha in WPForms unsichtbar machen?

Nicht von WPForms. Es zeigt immer das Kontrollkästchen von hCaptcha an.

Möchten Sie kein sichtbares CAPTCHA? Wählen Sie reCAPTCHA Invisible v2 oder v3 oder probieren Sie Cloudflare Turnstile.

Ist hCaptcha besser als reCAPTCHA?

Es hängt davon ab, was Sie brauchen. hCaptcha konzentriert sich auf den Datenschutz. reCAPTCHA bietet unsichtbare Optionen in WPForms.

Die Vergleichstabelle oben in diesem Beitrag zeigt die Hauptunterschiede.

Als Nächstes: Fügen Sie eine DSGVO-Zustimmung zu Online-Formularen hinzu

Nachdem Ihre Formulare nun vor Bots geschützt sind, benötigen Sie möglicherweise auch eine DSGVO-Zustimmung. Unser Tutorial zeigt Ihnen wie Sie eine DSGVO-Zustimmung zu Ihren WordPress-Formularen hinzufügen.

Möchten Sie mehr Möglichkeiten, Bots zu stoppen? Sehen Sie sich unsere Auswahl der besten WordPress Anti-Spam-Plugins an.

Beheben Sie jetzt Ihre WordPress-E-Mails

Bereit, Ihre E-Mails zu reparieren? Fangen Sie noch heute an mit dem besten WordPress SMTP-Plugin. Wenn Sie keine Zeit haben, Ihre E-Mails zu reparieren, können Sie gegen Aufpreis eine vollständige White Glove Setup-Unterstützung erhalten, und für alle kostenpflichtigen Tarife gilt eine 14-tägige Geld-zurück-Garantie.

Wenn dieser Artikel Ihnen geholfen hat, folgen Sie uns bitte auf Facebook und Twitter für weitere WordPress-Tipps und Tutorials.