Wie man eine E-Mail-OTP-Verifizierung in WordPress-Formularen hinzufügt

Gefälschte Formulareinreichungen verschwenden Zeit. Sie füllen Ihre Datenbank mit ungültigen E-Mails, verunreinigen Ihr CRM und lösen E-Mail-Benachrichtigungen aus, die ins Leere laufen.

E-Mail-OTP-Verifizierung fügt eine einfache Überprüfung hinzu, bevor das Formular abgeschickt wird. Der Benutzer gibt seine E-Mail-Adresse ein, erhält einen Einmalcode und verifiziert diesen Code innerhalb des Formulars. Erst dann kann er die Einreichung abschließen.

Für WordPress-Formulare ist dies nützlich für Kontaktformulare, Lead-Formulare, Anmeldeformulare, Registrierungsformulare, Angebotsformulare und jedes Formular, bei dem die E-Mail-Adresse wichtig ist.

Was ist E-Mail-OTP-Verifizierung in einem WordPress-Formular?

E-Mail-OTP-Verifizierung ist eine Sicherheitsmethode, bei der Benutzer ihre E-Mail-Adresse mit einem Einmalpasswort bestätigen müssen, bevor sie ein Formular absenden.

Der Ablauf ist einfach. Ein Benutzer gibt eine E-Mail-Adresse ein. Das Formular sendet einen OTP-Code an diese E-Mail. Der Benutzer gibt den Code in das Formular ein. Nach erfolgreicher Verifizierung ermöglicht das Formular die Übermittlung.

Dies bestätigt, dass der Benutzer Zugriff auf die von ihm eingegebene E-Mail-Adresse hat.

Es stoppt nicht jeden Spam-Versuch. Bots können immer noch versuchen, Formulare zu übermitteln. Aber es reduziert gefälschte E-Mail-Einträge, zufällige Einreichungen und minderwertige Leads von Benutzern, die ungültige oder nicht erreichbare E-Mail-Adressen eingeben.

Anmerkung: Du kannst auch Fügen Sie reCAPTCHA zur Bot-Abwehr hinzu bevor Benutzer mit dem Formular interagieren.

Warum E-Mail-OTP-Verifizierung zu WordPress-Formularen hinzufügen?

Die E-Mail-OTP-Verifizierung ist nützlich, wenn Sie eine echte E-Mail-Adresse benötigen, bevor Sie die Einreichung eines Formulars akzeptieren.

Es reduziert gefälschte Einträge, verbessert die Lead-Qualität und hält Ihre E-Mail-Liste oder Ihr CRM sauberer. Der Benutzer muss den an seinen Posteingang gesendeten Code verifizieren, sodass zufällige oder ungültige E-Mail-Adressen das Formular nicht so leicht passieren können.

Verwenden Sie es für Formulare, bei denen die E-Mail-Genauigkeit wichtig ist, wie zum Beispiel:

• Benutzerregistrierungsformulare
• Lead-Generierungsformulare
• Anfrageformulare
• Support-Formulare
• Zugriffsformulare herunterladen
• Veranstaltungsanmeldungsformulare
• Formulare, die mit CRM oder E-Mail-Automatisierung verbunden sind

E-Mail-OTP ersetzt nicht CAPTCHA oder andere Spam-Schutzmethoden. Aber es fügt eine starke E-Mail-Verifizierungsebene hinzu, bevor das Formular abgesendet wird.

Bevor Sie die E-Mail-OTP-Verifizierung hinzufügen

Bevor Sie die E-Mail-OTP-Verifizierung zu Ihrem WordPress-Formular hinzufügen, überprüfen Sie zuerst Folgendes:

• Bit Form Pro ist installiert und aktiviert
• Ihr Formular hat bereits ein E-Mail-Feld
• SMTP funktioniert auf Ihrer WordPress-Site
• Ihre Domain hat ordnungsgemäße E-Mail-Authentifizierungsdatensätze
• Sie haben getestet, dass WordPress-E-Mails im Posteingang ankommen

SMTP ist wichtig, da die OTP-Verifizierung von der E-Mail-Zustellung abhängt. Wenn Ihre WordPress-Seite keine E-Mails richtig versenden kann, erhalten Benutzer möglicherweise nie den OTP-Code.

Viele WordPress-Websites verwenden die Standard-PHP-Mail-Funktion, was zu Zustellungsproblemen führen kann. Bit SMTP ermöglicht Ihnen die Verbindung von WordPress mit SMTP-Diensten wie Gmail, Outlook, SendGrid, Brevo, Mailgun, Amazon SES und anderen SMTP-Anbietern.

Für eine bessere E-Mail-Zustellung konfigurieren Sie auch die Authentifizierungsdatensätze der Domain, wie zum Beispiel SPF, DKIM und DMARC. Google empfiehlt mit SPF, DKIM und DMARC für eine bessere Senderauthentifizierung, und DMARC sagt empfangenden Servern, was sie tun sollen, wenn Nachrichten die SPF- oder DKIM-Prüfungen nicht bestehen.

So fügen Sie mithilfe von Bit Form eine E-Mail-OTP-Verifizierung in ein WordPress-Formular ein

Richten wir das nun mit Bit Form ein. Bei diesem Vorgang wird das Feld „E-Mail-OTP“ in Bit Form Pro verwendet.

Schritt 01: Installieren Sie Bit Form Pro und erstellen Sie das Formular

Zuerst installieren und aktivieren Bit Form auf Ihrer WordPress-Website. Da die E-Mail-OTP-Verifizierung ein Bit Form Profi Funktion, sicherstellen Bit Form Profi ist ebenfalls installiert und aktiviert.

Nach der Aktivierung gehen Sie zu Bit Form Menü von Ihrem WordPress-Dashboard. Öffnen Sie ein vorhandenes Formular oder erstellen Sie ein neues. Ihr Formular sollte Folgendes enthalten: E-Mail Feld, da der OTP-Code an die vom Benutzer eingegebene E-Mail-Adresse gesendet wird.

Im Formular-Builder, suche nach E-Mail-OTP aus dem Feld-Panel. Ziehen Sie E-Mail-OTP Feld in Ihr Formular.

Platzieren Sie es nach dem E-Mail-Feld. Dies sorgt für einen klaren Ablauf für die Benutzer. Sie geben zuerst ihre E-Mail-Adresse ein und bestätigen diese dann mit dem OTP-Code.

Schritt 02: Bearbeiten Sie das E-Mail-OTP-Feld

Klicken Sie auf E-Mail-OTP Feld. Die Feldeinstellungen werden auf der linken Seite geöffnet. Von hier aus können Sie bearbeiten: Bezeichnung, Untertitel, Symbol, Grundeinstellungen des Feldes.

Sie können das Etikett als beibehalten E-Mail-OTP oder etwas klareres für Benutzer schreiben.

Beispiel-Etikett: E-Mail verifizieren

Beispiel-Untertitel: Ein Verifizierungscode wird an Ihre E-Mail-Adresse gesendet. Halten Sie den Text kurz. Benutzer sollten verstehen, was zu tun ist, ohne eine lange Erklärung zu lesen.

Schritt 03: E-Mail-Adresse des Empfängers auswählen

Öffnen Sie Empfänger-E-Mail Abschnitt. Auswählen Dynamisch (E-Mail-Feld). Wähle dann das Feld E-Mail aus deinem Formular aus.

Dadurch wird Bit Form mitgeteilt, wohin der OTP-Code gesendet werden soll. Der Code wird an die E-Mail-Adresse gesendet, die der Benutzer in das ausgewählte E-Mail-Feld eingegeben hat.

Dieser Schritt ist wichtig. Wenn Sie das falsche Empfängerfeld wählen, wird die OTP-E-Mail möglicherweise nicht an die Adresse des Benutzers gesendet.

Schritt 04: Legen Sie die Länge des OTP-Codes und die Verzögerungszeit für das erneute Senden fest

Öffnen Sie als Nächstes die Einstellung für die Länge des OTP-Codes. OTP-Code-Länge Einstellungen und geben Sie Ihre bevorzugte Anzahl von Ziffern ein.

Zulässiger Bereich: 4 bis 8 Ziffern

Ein 6-stelliger OTP ist eine gängige Wahl. Er ist kurz genug zum Eintippen und stark genug für die normale Formularverifizierung.

Dann öffnen OTP-Wiederholungssperre (Sekunden).

Dies steuert, wie lange Benutzer warten müssen, bevor sie eine neue Einmalpasswort anfordern können. Beispiel: 60 Sekunden

Eine erneute Sendezeitverzögerung schützt Ihr Formular vor wiederholten OTP-Anfragen. Sie reduziert auch unnötiges E-Mail-Versenden.

Schritt 05: Bearbeiten Sie die OTP-E-Mail-Vorlage

Gehen Sie zum E-Mail-Vorlage Abschnitt. Klicken Sie auf die Bearbeiten Symbol. Der OTP-E-Mail-Vorlagen-Editor wird geöffnet. Von hier aus können Sie den Betreff und die Nachricht bearbeiten, die Benutzer erhalten. Sie können Platzhalter verwenden wie:

• {bf_otp_code} für den OTP-Code
• {bf_expiry_minutes} für die Gültigkeitsdauer des OTP

Sie können auch Smart-Tags verwenden, um dynamische Formulardaten in die OTP-E-Mail einzufügen.

Halten Sie die OTP-E-Mail einfach. Der Benutzer benötigt nur den Code und eine kurze Anleitung. Beispiel für den Text einer OTP-E-Mail:

Betreff: Ihr Verifizierungscode

Nachricht:
Ihr E-Mail-Verifizierungscode lautet {bf_otp_code}.
Dieser Code läuft ab in {bf_expiry_minutes} Minuten.

Nachdem Sie die Vorlage bearbeitet haben, klicken Sie Speichern.

Bit Form wird diese Vorlage nun beim Versenden von OTP-E-Mails verwenden.

Schritt 06: Testen Sie die OTP-Verifizierung

Vorschau des Formulars. Geben Sie die Formulardetails mit einer gültigen E-Mail-Adresse ein. Klicken Sie auf die Schaltfläche "OTP senden". Überprüfen Sie nun den E-Mail-Posteingang. Der Benutzer sollte eine E-Mail mit dem OTP-Code erhalten.

Kopieren Sie diesen Code und geben Sie ihn in das OTP-Feld im Formular ein. Nach erfolgreicher Verifizierung wird im Formular eine Erfolgsmeldung angezeigt, wie zum Beispiel:

OTP erfolgreich verifiziert!

Nachdem die OTP verifiziert wurde, kann der Benutzer das Formular absenden. Testen Sie diesen vollständigen Prozess, bevor Sie das Formular auf einer Live-Seite hinzufügen.

Was zu prüfen ist, wenn die OTP-E-Mail nicht ankommt

Wenn die OTP-E-Mail nicht im Posteingang ankommt, ändern Sie zuerst nicht das Formular. Überprüfen Sie Ihre E-Mail-Zustellungs-Einstellungen.

Beginnen Sie mit diesen:

• SMTP-Konfiguration
• Spam-Ordner oder Junk-Ordner
• SPF-Eintrag
• DKIM-Eintrag
• DMARC-Datensatz
• OTP (Einmaliges Passwort) E-Mail-Vorlage
• Empfänger-E-Mail-Feld
• Absenderadresse der E-Mail
• E-Mail-Hosting-Beschränkungen

Für WordPress-Websites ist SMTP oft das Erste, was behoben werden muss. Eine funktionierende SMTP-Einrichtung bietet Ihrer Website eine zuverlässigere Möglichkeit, Transaktions-E-Mails zu versenden, einschließlich OTP-Codes.

Best Practices für WordPress-Formular-E-Mail-OTP-Verifizierung

Eine gute OTP-Einrichtung sollte sich für den Benutzer einfach anfühlen. Beachten Sie diese Best Practices:

• Platziere das OTP-Feld direkt nach dem E-Mail-Feld
• Verwende eine klare Feldbezeichnung
• Halten Sie die OTP-E-Mail kurz
• Verwenden Sie einen 4- bis 8-stelligen OTP basierend auf Ihren Formularanforderungen
• Wartezeit zum erneuten Senden hinzufügen
• Test mit Gmail, Outlook und anderen gängigen Posteingängen
• SMTP vor dem Veröffentlichen des Formulars konfigurieren
• Fügen Sie SPF-, DKIM- und DMARC-Einträge hinzu
• Nutzen Sie OTP nur bei Formularen, bei denen die E-Mail-Verifizierung wichtig ist

Für risikoreiche Formulare kombinieren Sie E-Mail-OTP mit anderen Spam-Schutzmethoden. OTP bestätigt den E-Mail-Zugang, sollte aber nicht als einzige Sicherheitsebene betrachtet werden.

E-Mail-OTP-Verifizierung im Vergleich zu Double Opt-In

E-Mail-OTP-Verifizierung und Double-Opt-in beides E-Mail-Adressen verifizieren, aber sie funktionieren unterschiedlich. Die E-Mail-OTP-Verifizierung findet während der Formularübermittlung statt. Der Benutzer gibt einen Code ein, bevor er das Formular absendet.

Double-Opt-in findet normalerweise nach der Einreichung statt. Der Nutzer erhält eine Bestätigungs-E-Mail und klickt auf einen Link, um seine E-Mail-Adresse zu bestätigen.

Verwenden Sie E-Mail-OTP, wenn Sie die Formularübermittlung blockieren möchten, bis die E-Mail verifiziert ist. Verwenden Sie Double-Opt-in, wenn Sie die E-Mail bestätigen möchten, bevor Sie spätere Aktionen ausführen, wie z. B. Newsletter-Anmeldungen oder Follow-up-Workflows.

Bit Form unterstützt auch Double-Opt-in-Workflows, bei denen Aktionen wie Webhooks, E-Mail-Benachrichtigungen und Integrationen ausgeführt werden können, nachdem der Empfänger seine Zustimmung bestätigt hat.

Abschließende Überlegungen

E-Mail-OTP-Verifizierung ist eine praktische Methode, um gefälschte WordPress-Formularübermittlungen zu verhindern, wenn die E-Mail-Qualität wichtig ist.

Mit Bit Form Pro können Sie ein E-Mail-OTP-Feld hinzufügen, es mit dem E-Mail-Feld Ihres Formulars verknüpfen, die Länge des OTP festlegen, eine Verzögerung für die erneute Zusendung einstellen und die E-Mail-Vorlage für das OTP anpassen.

Bevor Sie das Formular veröffentlichen, testen Sie den vollständigen Ablauf. Stellen Sie sicher, dass SMTP funktioniert, die OTP-E-Mail im Posteingang ankommt und das Formular erst nach erfolgreicher Verifizierung eingereicht werden kann.

FAQs