Wie man Cloudflare Turnstile zu WordPress-Formularen hinzufügt

Wenn Sie Ihrer WordPress-Website eine zusätzliche Sicherheitsebene hinzufügen möchten, ist der brandneue "Turnstile"-Service von Cloudflare eine beeindruckend benutzerfreundliche, datenschutzfreundliche Alternative zu Google reCAPTCHA.

In diesem Artikel zeigen wir Ihnen, wie Sie Cloudflare Turnstile zu allen Formularen Ihrer WordPress-Website hinzufügen können!

Erhalten Sie Ihre Cloudflare-Schlüssel

Erstellen Sie zunächst ein Cloudflare-Konto unter: https://dash.cloudflare.com/sign-up

Sobald Ihr Konto erstellt ist, besuchen Sie das Cloudflare Dashboard, wählen Sie "Turnstile" in der Menüleiste und klicken Sie auf "Add site".

Cloudflare Drehkreuz - Dashboard

Als Nächstes müssen Sie einen Website-Namen und eine Domain eingeben und den Widget-Typ auswählen.

  • Verwaltet (empfohlen): Cloudflare verwendet die Informationen des Besuchers, um zu entscheiden, ob eine interaktive Herausforderung verwendet werden soll. Wenn eine Interaktion angezeigt wird, wird der Benutzer aufgefordert, ein Kästchen anzukreuzen (keine Bilder oder Text zu entziffern).
  • Nicht interaktiv: Eine rein nicht-interaktive Aufgabe. Die Benutzer sehen ein Widget mit einem Ladebalken, während die Browser-Herausforderung ausgeführt wird.
  • Unsichtbar: Eine Herausforderung, die keine Interaktion erfordert.
Cloudflare Drehkreuz - Seite hinzufügen

Klicken Sie auf die Schaltfläche "Erstellen", und Sie erhalten einen "Site Key" und einen "Secret Key". Lassen Sie diese Seite geöffnet, da Sie sie später kopieren müssen.

Installieren Sie das WordPress-Plugin

Jetzt müssen Sie nur noch die "Einfaches Cloudflare-DrehkreuzPlugin" auf Ihrer Website.

Gehen Sie dazu in Ihrem WordPress-Verwaltungsbereich auf "Plugins > Neu hinzufügen", suchen Sie nach "Simple Cloudflare Turnstile", klicken Sie auf "Installieren" und schließlich auf die Schaltfläche "Aktivieren", die nach der Installation angezeigt wird.

Cloudflare Turnstile - WordPress-Plugin installieren

Sie werden dann zur Einstellungsseite für Simple Cloudflare Turnstile weitergeleitet.

Hier haben Sie die Möglichkeit, verschiedene Optionen einzustellen:

  • Site Key und Secret Key.
  • Widget-Theme (hell oder dunkel).
  • Widget Sprache.
  • Erscheinungsmodus - wenn auf Drehkreuz-Widget eingestellt, wird es nur in Fällen angezeigt, in denen eine Interaktion erforderlich ist. Dadurch wird es für die meisten gültigen Benutzer "unsichtbar".
  • Deaktivieren Sie die Schaltfläche Senden, bis die Herausforderung abgeschlossen ist.
  • Benutzerdefinierte Fehlermeldung

Weiter unten auf der Einstellungsseite sehen Sie verschiedene Registerkarten, je nachdem, welche Plugins auf Ihrer Website installiert sind. Hier können Sie Turnstile für die Formulare Ihrer Website aktivieren.

Schalten Sie einfach die Registerkarten um, und aktivieren Sie das Kontrollkästchen für jedes Formular, für das Sie Turnstile aktivieren möchten. Für bestimmte Integrationen können auch andere Einstellungen verfügbar sein.

Wenn Sie Ihren "Site Key" oder "Secret Key" zum ersten Mal starten oder aktualisieren, werden Sie aufgefordert, die API-Antwort zu testen, um sicherzustellen, dass alles einwandfrei funktioniert. Füllen Sie einfach die Turnstile Challenge aus und klicken Sie auf "TEST RESPONSE".

Unterstützte Integrationen

Sie können Turnstile derzeit in den folgenden Formularen aktivieren:

WordPress

  • Anmeldeformular
  • Anmeldeformular
  • Formular zum Zurücksetzen des Passworts
  • Kommentare Formular

WooCommerce

  • Kasse
  • Für Bestellung bezahlen
  • Anmeldeformular
  • Anmeldeformular
  • Formular zum Zurücksetzen des Passworts

Formular-Plugins

  • WPForms
  • Fließende Formulare
  • Kontakt-Formular 7
  • Schwerkraft-Formulare
  • Formidable Formulare
  • Forminator Formulare

Andere Integrationen

  • Elementor Pro Formulare
  • Formulare für einfache digitale Downloads
  • Mailchimp für WordPress-Formulare
  • BuddyPress Anmeldeformular
  • bbPress Themen- und Antwortformulare erstellen
  • MemberPress Formulare
  • Ultimative Mitgliederformulare
  • WP-Members Formulare
  • wpDiscuz Kommentar Formular
  • WordPress-Multisite

Beispiel-Screenshot

Hier sehen Sie ein Beispiel dafür, wie die Turnstile-Herausforderung aussieht, wenn sie in Ihrem WordPress-Anmeldeformular aktiviert ist:

Cloudflare Drehkreuz-Widget

Warum ist Turnstile besser als reCAPTCHA?

Turnstile ist vor allem in zweierlei Hinsicht besser als reCAPTCHA. Erstens erfordert es keine Benutzerinteraktion, was bedeutet, dass die Benutzer kein Rätsel lösen oder auf Bilder klicken müssen, was den Prozess viel einfacher und benutzerfreundlicher macht.

Zweitens ist es eine große Verbesserung in Bezug auf den Datenschutz, da die von reCAPTCHA an Google gesendeten Daten für das Ad-Targeting verwendet werden, während Cloudflare Turnstile behauptet, dass sie "niemals Daten für das Ad-Retargeting" sammeln werden.

Um mehr über Cloudflare Turnstile zu erfahren, hier klicken.


Möchten Sie die Leistung Ihrer Website verbessern und weniger Zeit damit verbringen, sich um Ihre Website zu kümmern? Informieren Sie sich noch heute über unsere WordPress-Pflegepläne!






Abonnieren
Benachrichtigen Sie mich bei
Gast
31 Kommentare
Älteste
Neuestes Meistgewählt
Inline-Rückmeldungen
Alle Kommentare anzeigen
Jeseph
Jeseph
2 Jahre zuvor

Es ist toll zu sehen, dass Sie das (kein Wortspiel beabsichtigt) so schnell herausgefunden haben! Gibt es Unterstützung, um Turnstile nur für bestimmte Gravity Forms zu aktivieren?

Steve Worrall
Steve Worrall
2 Jahre zuvor
Antwort an  Elliot Sowersby

Ich sehe keine Möglichkeit, Turnstile für Gravity Forms einzuschalten. Ich betreibe eine Multisite und habe Gravity Forms Network aktiviert und es werden weder in den GF-Menüs noch in den Turnstile-Plugin-Einstellungen Einstellungen angezeigt. Danke!

Sebastiaan
2 Jahre zuvor

Gibt es eine unsichtbare / versteckte Option - Shortcode?

Alejandro Lengua
2 Jahre zuvor

Welche Mindestversion von Wordpress ist erforderlich, um dieses Plugin zu verwenden?

Ronald Heijnes
2 Jahre zuvor

Vielen Dank für dieses tolle Plugin!
Ist es möglich, Unterstützung für Simple Giveaways hinzuzufügen?

Fabian
Fabian
2 Jahre zuvor

Alles ist korrekt eingerichtet und konfiguriert, aber nichts passiert, wenn ich auf die Schaltfläche "Test API Response" klicke? Die Seite wird einfach neu geladen und zeigt die gleiche "Fast fertig..."-Meldung. Auch nach dem Löschen des LSCache.

Fabian
Fabian
2 Jahre zuvor

Bitte ignorieren Sie meinen vorherigen Kommentar. Dies wurde durch die Content Security Policy meines Servers verursacht. Ich habe Cloudflare in die Liste aufgenommen und es funktioniert jetzt. Ich danke Ihnen!

Graham
Graham
4 Monate zuvor
Antwort an  Fabian

Fabian
Ich habe das gleiche Problem, aber Ihre Lösung übersteigt meine Fähigkeiten. Die Website läuft auf einem nginx-Server. Wissen Sie, wie und wo ich Cloudfare in die Liste aufnehmen kann? Für jeden Ratschlag bin ich dankbar. Graham

Brad Franklin
2 Jahre zuvor

Einfaches Cloudflare Turnstile Plugin - Cloudflare Turnstile funktioniert nicht mit Cloudways Staging Site. Es gibt keine Möglichkeit, cloudwaysapp-com als "eine neue Website" im Abschnitt Cloudflare Turnstile hinzuzufügen, da die Website-URL xxxxx.cloudwaysapp-com ist; daher erhalten Fehler und nicht in der Lage, Staging über Wp-admin redirect anmelden 

Hat jemand eine Lösung für dieses Problem gefunden?

Simon
2 Jahre zuvor

Tolles Plugin, herzlichen Dank! Ist die Unterstützung für WooCommerce Product Vendors geplant?

Chris
Chris
2 Jahre zuvor

Gibt es Pläne, dies in das integrierte Divi-Kontaktformular zu integrieren?

Tilen
Tilen
2 Jahre zuvor

Haben Sie vor, Piotnet-Formulare zu unterstützen?

Jota H
Jota H
2 Jahre zuvor

Es wäre großartig, wenn Sie diese Dokumentation erweitern könnten, um die Woocommerce-bezogenen Einstellungen wie das Überspringen von Zahlungsmethoden abzudecken, aber noch wichtiger, das Dropdown-Widget für den Standort in der Woocommerce-Kasse.

Welche Auswirkungen hat die Wahl eines dieser verschiedenen Standorte?

Hans
Hans
2 Jahre zuvor

Hallo! Tolles Plug-in für meinen Wordpress-Blog, es funktioniert perfekt mit dem Standard-Wordpress-Theme. Früher hatte ich Hunderte von Kommentaren pro Woche, die dank Akismet automatisch unerwünscht waren, aber meine Datenbank verschmutzten. Jetzt ist das nicht mehr der Fall! Seit mehreren Wochen wurde kein einziger Kommentar mehr hinzugefügt!
Aber hier ist mein Problem: Es funktioniert nicht mit meinem benutzerdefinierten Thema, Simple Cloudflare Turnstile wird nicht aufgerufen. Wie kann ich es zum Laufen bringen? Was ist der PHP-Code oder js, dass andere Standard-Themes zu lassen Simple Cloudflare Turnstile automatisch auf die Kommentarformulare hinzugefügt?

EJ Schenck
EJ Schenck
2 Jahre zuvor

Ich liebe dieses Plugin, habe aber ein seltsames Problem... Ich habe aufgehört, Divi Contact Form (mit reCaptcha) zu verwenden und bin zu CF7 und Ihrem Plugin gewechselt. Ich habe eine Website immer erschreckende Mengen von Spam auf dem Kontaktformular jetzt und es scheint Bot-Verkehr zu sein.

1) Macht die Option "Enable on all CF7 Forms" einen Unterschied, wenn Sie den Shortcode ohnehin zum Formular hinzufügen?

2) Wie lässt sich die Empfindlichkeit am einfachsten einstellen? Ist sie an die Sicherheitsstufe in Cloudflare gebunden oder gibt es einen anderen Faktor?

Rogier
Rogier
1 Jahr zuvor

Wirklich tolles Plugin, vielen Dank. Die einzige Sache ist, für mich die benutzerdefinierte Fehlermeldung Funktion scheint nicht zu funktionieren.

Aivaras
1 Jahr zuvor

Vielen Dank für das Plugin! Es ist gut durchdacht, sparsam und, was am wichtigsten ist, es funktioniert. Bitte betrachten Sie die folgenden Punkte als mögliche Verbesserungsmöglichkeiten:

  1. Fügen Sie eine Themenauswahl pro Formular hinzu. Begründung: Webseiten können in Bezug auf Helligkeit und Dunkelheit unterschiedlich sein, ebenso wie das WordPress-Backend und -Frontend. Es wäre großartig, die Möglichkeit zu haben, das Drehkreuz an ein bestimmtes Formular oder eine bestimmte Seite anzupassen.
  2. Unterstützung hinzufügen für WP-Zoom-Formulare. Begründung: Dieses Formular-Plugin ist weit verbreitet, weil es mit WP Zoom-Themen gebündelt wird.

Alles Gute!

Oliver
Oliver
7 Monate zuvor

Kann dieses Plugin gepatcht werden, um unser eigenes Formular zu unterstützen?

Code Web Softwareweb-programmierungProgrammierungBinärdatenProgrammier-CodeWeb-1BildSucheVorhängeschlossIdeeE-MailDomainZielZiel-1 online-shop FernsehenComputerüberwachen Cloud-ComputingCloud-Computing-1StatistikKodierungDaten Computer-1kollektivInhaltLayoutEinkaufenHilfe Frage Technische UnterstützungKundenbetreuungUnterstützungSirene FehlerTachometerGeschwindigkeit Leistung Tachometer-1Tachometer-2Tachometer-3Ergebnis Wachstum UpdateCloud-Computing-2DatenbankStartup Analyse Team Analyse-1 Medaille reaktionsschnell ansprechbar-1 Stecker AbschaltungEinschalten ekg-monitorServerWolke Weltweltweita2HerzschlagHerzschlag-1 raywie wie-1Schild SchutzschildunaufhaltsamZutrittsverbotFirewallFirewall-1Schild-1 sicherZugriff verweigertPasswortLogin-PasswortSicherheitAnmeldungBlocksslsperrenVerschlüsselungAntivirusAntivirus-1Fehler-1 Fehler-2Versicherung VertrauenRakete Feuerwerk geschenk-shopspeichernBankBank-1Bank-2StandUnternehmenspeichern-1BrokerageBank-3 Wirtschaft und FinanzenBank-4 Wirtschaft und Finanzen-1 Bank-5 Bank-6 Bank-7 architektur-und-stadtLaden-Café-Restaurant-Kaffee-GebäudeCafeCoffeeshop-Café-Restaurant-GebäudeBenutzerBank-8Cafe-1Wirtschaft und Finanzen-2Zweigstellearchitektur-und-stadt-1ShopGeschäft-1Kodierung-1 Geschäft-2Cloud-Computing-3Server-1Server-2Server-3Wolke-1 Server-4 Server-5Cloud-Computing-4Wolke-2Cloud-Computing-5Cloud-Computing-6Sicherheit-1Wolke-3Wolke-4Backup Wolke-5Sicherheit-2Wolke-6 Server-6Wolke-7InfosInfo-1StoppuhrGeschwindigkeit-1 Benutzer-1 Benutzer-2Benutzer-3 Benutzer-4 AnmeldungGespräch Unternehmen-1Ladenwordpress Computer-2 Computer-3 OptimierungComputer-4 Hotel Computer-5 Hotel-1 Lieblings-StarkreditkarteappMonitor-1 ansprechbar-2ansprechbar-3Responsive-Website-Design-Entwicklung-ComputerSmartphoneWeb-EinstellungenAnmeldungWartungDashboard E-Mail-1 KommunikationKommunikation-1Kommunikation-2Kommunikation-3DiskussionsthemaInformationenFrage-1UmfrageUmfrage-1Frage-2QUESTIONFrage-3INFOui ui-1 Server-7Wolke-8 Server-8