So richten Sie hCaptcha in WordPress-Formularen ein
Veröffentlicht: 2021-10-06Suchen 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:
- Installieren und aktivieren Sie WPForms
- Wählen Sie die hCaptcha-Option in WPForms
- Richten Sie ein hCaptcha-Konto ein
- Generieren Sie hCaptcha-Schlüssel
- Erstellen Sie ein neues Formular
- Fügen Sie dem WordPress-Formular ein hCaptcha-Feld hinzu
- 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.

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.

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.

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

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

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.

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

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 .

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.

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 .

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.

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

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.

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

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.

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.

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

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

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.

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 .

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.

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 .

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.

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

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.

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.
