So richten Sie hCaptcha in WordPress-Formularen ein

Veröffentlicht: 2021-10-06

Suchen Sie nach einer Möglichkeit, hCaptcha in WordPress-Formularen einzurichten?

Wenn Sie ein beliebiges Captcha-Tool in Ihren WordPress-Kontaktformularen aktiviert haben, können Sie Spam und gefälschte Registrierungen bekämpfen.

In diesem Tutorial führen wir Sie durch die Einrichtung von hCaptcha in WordPress-Formularen (einfach).

Korrigieren Sie jetzt Ihre Kontaktformular-E-Mails

Was ist hCaptcha?

hCaptcha ist ein beliebter kostenloser CAPTCHA-Dienst. Es ist ein Anti-Spam-Tool, das Websites vor Hackern und Spammern schützt. Und es ist die beste Google reCAPTCHA-Alternative.

Die hCaptcha-Datenschutzrichtlinie ist mit den neuesten Vorschriften wie GDPR und CCPA kompatibel. Wenn Sie sich also Sorgen um die Privatsphäre Ihrer Website machen, ist hCaptcha möglicherweise das richtige Anti-Spam-Tool für Ihre Formulare.

So richten Sie hCaptcha in WordPress-Formularen ein

Das Einrichten von hCaptcha in WordPress-Formularen ist super einfach. Hier ist ein Inhaltsverzeichnis für das Tutorial:

  1. Installieren und aktivieren Sie WPForms
  2. Wählen Sie die hCaptcha-Option in WPForms
  3. Richten Sie ein hCaptcha-Konto ein
  4. Generieren Sie hCaptcha-Schlüssel
  5. Erstellen Sie ein neues Formular
  6. Fügen Sie dem WordPress-Formular ein hCaptcha-Feld hinzu
  7. Testen Sie Ihr neues Captcha-Feld

Also lasst uns anfangen!

Schritt 1: Installieren und aktivieren Sie WPForms

Als erstes müssen Sie das WPForms-Plugin herunterladen und aktivieren.

Für dieses Tutorial können Sie WPForms Lite oder WPForms Pro verwenden.

Activate WPForms

Wenn Sie neu bei WordPress sind, finden Sie hier eine Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins, um Ihnen den Einstieg zu erleichtern.

Als nächstes müssen Sie die Option hCaptcha aus den Einstellungen von WPForms auswählen.

Gehen Sie dazu zu Ihrem WordPress-Dashboard und klicken Sie auf WPForms » Einstellungen.

WPForms settings

Dies öffnet Ihre WPForms-Einstellungsseite. Sie können mehrere Registerkartenoptionen oben auf der Einstellungsseite sehen. Klicken Sie auf den CAPTCHA -Tab von den Tabs ganz oben.

WPForms CAPTCHA settings

Sie sehen zwei beliebte CAPTCHA-Dienste, hCaptcha und reCAPTCHA . Wählen Sie die hCaptcha-Option.

WPForms hCaptcha settings

Sobald Sie die hCaptcha-Option auswählen, sehen Sie Einstellungen zum Hinzufügen von hCaptcha- Site und geheimem Schlüssel .

hCaptcha site key and secret key

Um hCaptcha in Ihren WordPress-Formularen zu aktivieren, müssen Sie zunächst Schlüssel im hCaptcha-Konto generieren und es mit WPForms verbinden.

Schritt 3: hCaptcha-Konto einrichten

Um hCaptcha-Schlüssel zu erhalten, öffnen Sie die offizielle hCaptcha-Site in einem neuen Tab und denken Sie daran, WPForms in einem anderen Tab geöffnet zu lassen.

Klicken Sie auf die Schaltfläche Anmelden, um das hCaptcha -Konto zu erstellen.

Sign up for hCaptcha

Klicken Sie auf die Option unter hCaptcha zu Ihrem Dienst hinzufügen (kostenlos) , um den kostenlosen hCaptcha-Plan zu verwenden.

Select hCaptcha plan

hCaptcha bietet Ihnen mehrere Anmeldemethoden. Sie melden sich entweder direkt mit Ihrem Github- oder Google-Konto an oder übermitteln benutzerdefinierte Details .

Schritt 4: Generieren Sie hCaptcha-Schlüssel

Sobald Ihr Konto-Anmeldevorgang abgeschlossen ist, werden Sie zu Ihrem hCaptcha-Konto weitergeleitet. Klicken Sie nun auf Ihrer hCaptcha-Kontoseite oben rechts auf die Schaltfläche Neue Website .

Add new site in hCaptcha

Dadurch wird eine Seite geöffnet, auf der Sie Ihre Site-Details hinzufügen müssen.

Der erste Abschnitt, den Sie hier sehen, ist der Abschnitt Neuen Sitekey hinzufügen . Hier können Sie diesem spezifischen Sitekey einen Namen hinzufügen, aber er dient nur zu Referenzzwecken und muss nicht ausgefüllt werden.

Add new hCaptcha site key

Im zweiten Abschnitt müssen Sie nun einige allgemeine Informationen zu Ihrem hCaptcha definieren. Sie müssen Hostnamen hinzufügen , den Schwierigkeitsgrad des CAPTCHAs auswählen und Captcha-Filter basierend auf dem Publikumsinteresse festlegen .

hCaptcha general settings

Lassen Sie uns etwas Licht in die hCaptcha-Schwierigkeitsstufen-Optionen bringen; Dies wird Ihnen bei der Entscheidung helfen, welche Schwierigkeitsoption Sie für Ihre Website wählen sollten:

  • Einfach: Dies ist die einfachste hCaptcha-Option. Es zeigt die standardmäßigen „einfachen“ Herausforderungen an, um die Benutzer zu validieren.
  • Moderat: Dies zeigt eine etwas schwierigere Herausforderung als die einfache Option.
  • Schwierig: Wie der Name schon sagt, zeigt diese Option schwierigere Herausforderungstypen als Leicht und Mittel.
  • Always On: Diese Option zwingt jeden Benutzer, ein „schwieriges“ CAPTCHA zu lösen, bevor er ein Formular absendet. Diese Option kann die Benutzererfahrung Ihrer Website beeinträchtigen, ist jedoch die sicherste Methode.

Sobald Sie als nächstes den hCaptcha-Schwierigkeitsgrad ausgewählt haben, können Sie Ihren Captchas basierend auf Ihrer Website-Nische Filter hinzufügen.

hCaptcha filter

Nachdem Sie alle Formulareinstellungen konfiguriert haben, klicken Sie auf die Schaltfläche Speichern in der oberen rechten Ecke der Seite.

hCaptcha save settings

Wenn Sie auf die Schaltfläche Speichern klicken, werden Sie zur Seite mit den Einstellungen von Sitekey weitergeleitet. Hier finden Sie Ihre Captcha SiteKeys.

Klicken Sie auf die Schaltfläche Einstellungen , um Ihren Sitekey zu erhalten.

hCaptcha site key settings

Sie können den Sitekey für Ihre Website im Bereich Sitekey anzeigen und Ihren gesamten Sitekey kopieren.

hCaptcha site key section

Kehren Sie nun zur Registerkarte WPForms zurück, die wir offen gehalten haben, und fügen Sie diesen Sitekey in Ihre WPForms-Einstellungen unter der Einstellung Site Key ein.

hCaptcha site key in WordPress form

Als nächstes müssen wir den Secret Key hinzufügen. Der geheime Schlüssel befindet sich auf der Registerkarte „Einstellungen“ Ihres hCaptcha-Kontos. Schließen Sie die Sitekey-Einstellungsseite, indem Sie auf die Schaltfläche Speichern klicken.

hCaptcha secret key

Gehen Sie zur Registerkarte Einstellungen , kopieren Sie Ihren geheimen Schlüssel und fügen Sie ihn in WPForms ein.

hCaptcha secret key

Sobald Sie Ihre Schlüssel hinzugefügt haben, können Sie auch andere zusätzliche hCaptcha-Einstellungen darunter anpassen.

hCaptcha additional settings

Schritt 5: Erstellen Sie ein neues Formular

Nachdem Sie nun alle hCaptcha-Einstellungen konfiguriert haben, ist es an der Zeit, es in Ihren Online-Kontaktformularen zu aktivieren.

Dazu müssen wir mit dem WPForms-Plugin ein neues Formular erstellen.

Gehen Sie zu WPForms » Neu hinzufügen , um ein neues Formular zu erstellen.

Add new form in WPForms

WPForms wird mit einer riesigen Formularvorlagenbibliothek geliefert, die aus mehreren vorgefertigten Formularvorlagen besteht, wie zum Beispiel:

  • Online-Spendenformular Vorlage
  • Formularvorlage für Umfragen und Abstimmungen
  • Vorlage Bestellformular
  • Vorlage für ein Bewerbungsformular
  • und viele mehr.

Der Hauptvorteil der Verwendung einer vorgefertigten Vorlage besteht darin, dass Sie Ihr Formular nicht von Grund auf neu erstellen müssen.

Wir wählen die Vorlage Einfaches Kontaktformular .

WPForms contact form template

Sobald Sie den Tempel ausgewählt haben, wird das WPForms-Formular-Builder-Setup geöffnet. Auf der rechten Seite sehen Sie ein Formular und auf der linken Seite einen Drag-and-Drop-Builder.

WPForms contact form template

Sie können Ihrem Online-Formular zusätzliche Felder hinzufügen, indem Sie sie per Drag & Drop von links nach rechts ziehen.

Schritt 6: Fügen Sie das hCaptcha-Feld zum WordPress-Formular hinzu

Unser Online-Formular ist fertig; Es ist Zeit, es mit hCaptcha zu sichern.

Um das hCaptcha-Feld zu Ihrem Formular hinzuzufügen, klicken Sie auf der linken Seite des Formularerstellers im Abschnitt Standardfelder auf das hCaptcha-Feld .

WPForms hCaptcha field in WordPress

Sobald Sie auf das hCaptcha-Feld klicken, wird ein Popup angezeigt, um zu bestätigen, dass Sie hCaptcha für dieses Formular aktiviert haben. Klicken Sie auf OK.

WPForms hCaptcha field confirmation

Das hCaptcha-Logo oben rechts auf Ihrem Formular bestätigt, dass der hCaptcha-Dienst auf Ihrem Formular aktiviert ist.

hCaptcha on WordPress form

Dieses Logo soll Sie nur daran erinnern, dass das hCaptcha auf Ihrem Formular aktiv ist und nicht auf Ihrem veröffentlichten Formular angezeigt wird.

Klicken Sie auf die Schaltfläche Speichern und fügen Sie WPForms zu einer Seite in WordPress hinzu.

Schritt 7: Testen Sie Ihr neues hCaptcha-Feld

Jetzt müssen Sie sicherstellen, dass hCaptcha mit Ihrem Kontaktformular richtig funktioniert oder nicht.

Um hCaptcha zu testen, öffnen Sie das Kontaktformular im Frontend Ihrer Website, füllen Sie Ihre Formulareinträge aus und aktivieren Sie das Kontrollkästchen hCaptcha. Je nach gewähltem Schwierigkeitsgrad wird möglicherweise eine Herausforderung angezeigt.

hCaptcha on WordPress form with WPForms

Und das ist es! Jetzt wissen Sie, wie Sie hCaptcha in WordPress-Formularen verwenden.

Hinweis : Denken Sie daran, Ihr Kontaktformular in einem anderen Browser oder Inkognito-Fenster zu testen, in dem Sie sich nicht als Administrator auf Ihrer Website angemeldet haben.

Korrigieren Sie jetzt Ihre Kontaktformular-E-Mails

Fügen Sie als Nächstes eine DSGVO-Vereinbarung zu Online-Formularen hinzu

Und da hast du es! So einfach richten Sie hCaptcha auf WordPress-Formularen ein. Wir hoffen, dass dieser Artikel Ihnen hilft, geschütztere und sicherere Online-Formulare für Ihre WordPress-Websites zu erstellen.

Nach dem Hinzufügen von hCaptcha müssen Sie Ihren Formularen möglicherweise eine DSGVO-Vereinbarung hinzufügen. Sehen Sie sich unser Schritt-für-Schritt-Tutorial an, wie Sie Ihren WordPress-Formularen eine DSGVO-Vereinbarung hinzufügen.

Wir haben auch einen Leitfaden, der Ihnen hilft, wenn WPForms keine E-Mails sendet.

Sind Sie bereit, Ihre E-Mails zu reparieren? Beginnen Sie noch heute mit dem besten WordPress-SMTP-Plugin. WP Mail SMTP Elite beinhaltet das vollständige White-Glove-Setup und bietet eine 14-tägige Geld-zurück-Garantie.

Wenn Ihnen dieser Artikel weitergeholfen hat, folgen Sie uns bitte auf Facebook und Twitter, um weitere WordPress-Tipps und Tutorials zu erhalten.