Anpassen des WordPress-Formulars zum Zurücksetzen des Passworts

Möchten Sie Ihr WordPress-Passwortrücksetzungsformular anpassen?

Ob durch das Hinzufügen von benutzerdefiniertem CSS oder die Installation verschiedener Plugins, WordPress-Benutzer sind keine Fremden in Sachen Anpassung. Das ist einer der Gründe, warum WordPress so beliebt ist.

Durch die Erstellung eines benutzerdefinierten Formulars zum Zurücksetzen von Passwörtern können Sie die Benutzererfahrung verbessern, indem Sie diese Benutzerseiten so anpassen, dass sie zu Ihrem WordPress-Theme passen, Ihr Logo anzeigen und zusätzliche Inhalte anbieten.

In diesem Beitrag geben wir Ihnen eine Schritt-für-Schritt-Anleitung zum Anpassen Ihres WordPress-Passwortrücksetzungsformulars.

Formular zum Zurücksetzen Ihres Passworts jetzt anpassen

Wie kann ich mein WordPress-Passwort zurücksetzen?

Sie können Ihr WordPress-Passwort zurücksetzen, indem Sie den Link "Passwort verloren" in WordPress verwenden. Daraufhin erhalten Sie eine E-Mail mit einem Link, auf den Sie klicken können, um Ihr Passwort zurückzusetzen.

Mit einem benutzerdefinierten Rücksetzungsformular können Sie das Aussehen und den Inhalt der E-Mail-Benachrichtigung anpassen, um die Benutzerfreundlichkeit zu erhöhen. Wir zeigen Ihnen, wie Sie Ihr Formular zum Zurücksetzen von Passwörtern anpassen, den Benutzer auf die Seite des Passwortformulars schicken und es ihm ermöglichen, sein Passwort einfach zurückzusetzen.

Wie man ein benutzerdefiniertes Passwort-Reset-Formular in WordPress erstellt

Um ein benutzerdefiniertes Passwort-Reset-Formular zu erstellen, müssen Sie die Premium-Version von WPForms abonnieren. Die Pro-Lizenz enthält die Benutzerregistrierung Addon, das Sie benutzerdefinierte Passwort zurücksetzen, Benutzerregistrierung und Login-Formulare für Ihre WordPress-Website erstellen können.

Fangen wir an!

1. WPForms installieren

Laden Sie zunächst WPForms herunter und installieren Sie es. Für dieses Tutorial benötigen Sie die Pro-Version anstelle von WPForms Lite. Wenn Sie Hilfe benötigen, schauen Sie sich diese Anleitung zur Installation von WordPress-Plugins an.

Nachdem Sie das Plugin installiert haben, melden Sie sich bei Ihrem WPForms-Konto an und klicken Sie auf die Registerkarte Downloads.

Dies ist eine Seite mit allen Ihren verfügbaren Lizenzen. Um das Plugin herunterzuladen, klicken Sie auf die Schaltfläche Download WPForms neben der Pro-Lizenz. Dies wird eine gezippte Datei des WPForms-Plugins auf Ihrem Computer speichern.

Nachdem Sie die Zip-Datei heruntergeladen haben, gehen Sie zu Ihrer WordPress-Website, auf der Sie WPForms installieren möchten. Klicken Sie dann auf dem Admin-Dashboard auf Plugins " Neu hinzufügen und dann auf die Schaltfläche Plugin hochladen.

Klicken Sie hier auf die Schaltfläche Datei auswählen und wählen Sie die gerade heruntergeladene WPForms-Zip-Datei aus.

Nachdem Ihre Datei hochgeladen wurde, klicken Sie auf die Schaltfläche Jetzt installieren.

Sobald das Plugin installiert ist, klicken Sie auf die Schaltfläche " Plugin aktivieren" , um WPForms auf Ihrer Website zu aktivieren.

Nach der Aktivierung des Plugins, denken Sie daran, Ihre WPForms Lizenzschlüssel zu überprüfen, um automatische Updates und Plugin-Support zu erhalten. Das Hinzufügen Ihres Lizenzschlüssels ermöglicht Ihnen auch die einfache Installation und Aktivierung von WPForms-Addons von Ihrem WordPress-Dashboard aus.

2. Installieren Sie das Addon zur Benutzerregistrierung

Jetzt installieren wir das Addon, das wir für die Erstellung der Formulare zum Zurücksetzen des Passworts benötigen.

Gehen Sie in Ihrem WordPress-Administrationsbereich zu WPForms " Addons im Menü der linken Seitenleiste.

Wenn Sie keine Addons für Ihre Lizenzstufe sehen, klicken Sie auf die Schaltfläche Addons aktualisieren, um eine Aktualisierung zu erzwingen.

Um nach einem Addon für die Benutzerregistrierung zu suchen, geben Sie seinen Namen in das Feld Addons suchen in der oberen rechten Ecke der Seite ein.

Sobald Sie es gefunden haben, klicken Sie einfach auf die Schaltfläche Addon installieren.

Dadurch wird das Addon automatisch für Sie installiert und aktiviert. Jedes Addon, das installiert und einsatzbereit ist, zeigt Status: Aktiv.

3. Verwenden Sie die Vorlage für das Formular zum Zurücksetzen des Passworts

Um Ihr Formular zum Zurücksetzen des Passworts zu erstellen, gehen Sie zu WPForms " Add New. Suchen Sie in der Vorlagenbibliothek nach "Password Reset", bewegen Sie den Mauszeiger über die Option User Password Reset Form und klicken Sie auf Use Template.

Sobald Sie die Vorlage ausgewählt haben, wird das Formular zum Zurücksetzen des Passworts auf Ihrem Bildschirm angezeigt.

Sie können dann das Formular zum Zurücksetzen des Passworts anpassen, indem Sie so viele Felder hinzufügen, wie Sie möchten. Sie können sogar den Text der Schaltfläche "Senden" ändern.

Es ist keine gute Idee, Felder zu dieser Vorlage hinzuzufügen oder zu löschen, da sie einem ganz bestimmten Zweck optimal dient.

Schauen wir uns im nächsten Schritt die E-Mail-Einstellungen zum Zurücksetzen an.

4. Konfigurieren Sie Ihre E-Mail zum Zurücksetzen des Passworts

Um die E-Mail mit der Aufforderung zum Zurücksetzen des Passworts anzupassen, klicken Sie in der Seitenleiste auf Einstellungen und dann auf das Menü Benutzerregistrierung.

Hier können Sie den Betreff und die Nachricht der Zurücksetzungs-E-Mail anpassen oder die Standardnachricht unverändert übernehmen.

Wenn Sie die E-Mail-Nachricht zum Zurücksetzen bearbeiten möchten, achten Sie darauf, dass Sie das Feld {user_registration_password_reset} Smarttag. Dieses Smart Tag erstellt den Link zum Zurücksetzen, auf den der Benutzer klicken kann.

Scrollen Sie weiter nach unten, und Sie werden eine Option sehen, mit der Sie Ihr Formular zum Zurücksetzen des Passworts vor angemeldeten Benutzern verbergen können. Wenn Sie diese Option aktivieren, können Sie die Nachricht bearbeiten, die angezeigt wird, wenn ein angemeldeter Benutzer das Formular öffnet.

Ausgezeichnet!

Sobald Sie die Einstellungen angepasst haben, klicken Sie oben auf Speichern.

Im nächsten Schritt werden wir das Formular auf einer neuen Seite einbetten.

5. Veröffentlichen Sie Ihr benutzerdefiniertes Formular zum Zurücksetzen des Passworts

WPForms hat einen bequemen Einbettungsassistenten, der es Ihnen ermöglicht, Ihr Formular innerhalb einer neuen oder bestehenden Seite direkt aus dem Formular-Builder zu platzieren.

Sobald Ihr Formular gespeichert ist, klicken Sie auf die Schaltfläche Einbetten.

Da wir unser Formular in eine neue Seite zum Zurücksetzen des Passworts einbetten möchten, wählen wir die Option Neue Seite erstellen .

Geben Sie Ihrer Seite einen passenden Namen und klicken Sie dann auf Los geht's.

Danach öffnet WPForms den WordPress-Block-Editor, in dem Sie Ihr Formular zum Zurücksetzen des Passworts eingebettet finden.

Bevor Sie Ihr Formular veröffentlichen, können Sie hier einige großartige Stilanpassungen vornehmen.

Verwenden Sie einfach die WPForms-Blockoptionen auf der rechten Seite, um die Formstyling-Funktionen zu nutzen und Ihre Beschriftungen, Felder und Schaltflächen mit wenigen Klicks anzupassen.

Wenn Sie mit Ihrem Formular zufrieden sind, klicken Sie auf Veröffentlichen, um es zu starten.

Ihr Formular zum Zurücksetzen des Passworts ist jetzt aktiv und kann verwendet werden!

Aber wir sind noch nicht fertig. Es ist wichtig, dass dieses Formular für Ihre Nutzer leicht zu finden ist, falls sie ihr Passwort zurücksetzen müssen.

Im nächsten Schritt fügen wir das Formular zum Zurücksetzen des Passworts in die Hauptnavigation Ihrer Website ein.

6. Formular zum Zurücksetzen des Passworts zum Navigationsmenü hinzufügen

Es empfiehlt sich, die Seite zum Zurücksetzen von Passwörtern für die Benutzer leicht auffindbar zu machen.

Dazu fügen wir die neu erstellte Formularseite oben in die Navigationsleiste Ihrer Website ein.

Dies ist leicht zu bewerkstelligen. Öffnen Sie einfach Ihr WordPress-Dashboard und gehen Sie zu Erscheinungsbild " Menüs.

Möglicherweise haben Sie auf Ihrer Website bereits ein Navigationsmenü eingerichtet. In diesem Fall müssen Sie nur die Seite zum Zurücksetzen des Passworts zum Menü hinzufügen.

Klicken Sie im Bildschirm "Menüs" in der linken Spalte auf Ihr Formular zum Zurücksetzen des Passworts und dann auf " Zum Menü hinzufügen".

Damit wird die Seite zum Zurücksetzen des Passworts dem Stapel von Seiten hinzugefügt, der sich derzeit in Ihrem Menü auf der rechten Seite befindet.

Drücken Sie die Taste Menü speichern, um es zu aktualisieren.

Das Verfahren zur erstmaligen Erstellung eines Menüs ist fast identisch. Sie müssen Ihrem Menü nur einen Namen geben und dann auf die blaue Schaltfläche " Menü erstellen" am unteren Rand klicken.

Wenn Sie das getan haben, können Sie Ihrem Menü mit den oben beschriebenen Schritten Seiten hinzufügen.

Hier ist ein Beispiel dafür, wie die Navigation bei uns aussieht:

Jetzt müssen wir nur noch eine Umleitung hinzufügen, damit Besucher, die versuchen, auf Ihre Standard-WordPress-Reset-Seite zuzugreifen, automatisch auf Ihre neue benutzerdefinierte Passwort-Reset-Seite umgeleitet werden.

Optional: Umleitung zum benutzerdefinierten Formular zum Zurücksetzen des Passworts hinzufügen

Wenn Sie ein benutzerdefiniertes Formular zum Zurücksetzen von Passwörtern auf Ihrer Website erstellen, könnte es eine gute Idee sein, auch ein benutzerdefiniertes Anmeldeformular für Ihre Website zusammen mit einer Weiterleitung zu erstellen, um die Standard-WordPress-Anmeldeseite durch die neue benutzerdefinierte Seite zu ersetzen.

Wenn Ihre Standard-Anmeldeseite jedoch immer noch zugänglich ist, sollten Sie eine Weiterleitung zum Formular für die Kennwortrücksetzung hinzufügen.

Auf diese Weise kann ein Benutzer, der auf die Schaltfläche "Lost your password?Wenn Sie den Link "Passwort zurücksetzen" von der WordPress-Anmeldeseite aus aufrufen, werden Sie zu der oben erstellten benutzerdefinierten Seite zum Zurücksetzen des Passworts weitergeleitet, anstatt zum Standard-WordPress-Formular zum Zurücksetzen des Passworts.

Keine Sorge, es ist einfacher, als es klingt.

Zuerst installieren wir das kostenlose WPCode WordPress Plugin. Gehen Sie in Ihrem WordPress-Dashboard zu Plugins " Neu hinzufügen.

Suchen Sie dort nach WPCode und klicken Sie auf Jetzt installieren.

Sobald Sie auf " Aktivieren" geklickt haben, können Sie unseren Code hinzufügen. Klicken Sie in Ihrem WordPress-Dashboard auf Code-Snippets " + Snippet hinzufügen.

Nachdem Sie darauf geklickt haben, sehen Sie die vorgefertigte Bibliothek mit verschiedenen Code-Optionen, die Sie auswählen können. Klicken Sie auf " Snippet verwenden" unter der Option "Eigenen Code hinzufügen (neues Snippet)",

Nachdem Sie Ihr Snippet betitelt haben (wir haben uns für "New Password Reset Page" entschieden), klicken Sie auf das Dropdown-Menü Code Type rechts neben der Code-Vorschau und wählen Sie PHP Snippet.

Nun können Sie den folgenden Code kopieren und in den Editor einfügen:

Denken Sie daran, die reset-password im obigen Code mit dem Slug Ihrer neuen benutzerdefinierten Seite zum Zurücksetzen des Passworts.

Blättern Sie dann nach unten zum Abschnitt Einfügen, wo Sie die Einfügemethode und den Speicherort angeben können. Wir empfehlen, die Standardauswahl für die Einfügemethode "Überall ausführen" und "Automatisch einfügen " beizubehalten.

Wenn Sie fertig sind, klicken Sie oben rechts auf die Schaltfläche Snippet speichern . Klicken Sie dann auf den Kippschalter daneben, um das Code-Snippet zu aktivieren.

Ausgezeichnet! Jetzt landen die Benutzer immer auf Ihrer benutzerdefinierten Seite zum Zurücksetzen des Passworts, wenn sie auf den Link "Passwort verloren" klicken.

Der Wechsel von einem Standard-WordPress-Passwort-Reset-Formular zu einem benutzerdefinierten WPForms-Reset-Formular bringt Ihnen viele Vorteile, abgesehen von einem verbesserten Branding.

Zum Beispiel können Sie Spam-Schutz-Funktionen mit WPForms 'eingebauten Anti-Spam zusammen mit nützlichen Optionen wie die Einstellung einer Mindestzeit, um ein Formular zu senden, um Spambots in Schach zu halten.

Weitere Details finden Sie in unserem Leitfaden zur Verhinderung von unbefugten Passwortrücksetzungen in WordPress, um diese Spam-Anfragen zu eliminieren!

Und da haben Sie es! Sie sind jetzt bereit, ein benutzerdefiniertes Passwort-Reset-Formular in WordPress zu erstellen und zu starten.

Passen Sie als Nächstes Ihre Seite zum Zurücksetzen des Passworts an

Nachdem Sie das Formular zum Zurücksetzen des Passworts in Ihre neue Seite eingebettet haben, müssen Sie es kennzeichnen.

Und warum? Indem Sie Ihr Formular und Ihre Seite zum Zurücksetzen des Passworts mit einem Branding versehen, verfestigen Sie bei Ihren Kunden den Eindruck, dass Sie ein seriöses Unternehmen sind, und erhöhen die Glaubwürdigkeit Ihrer Marke insgesamt.

Folgen Sie unserer vollständigen Anleitung zum Erstellen und Anpassen von Formularseiten in WordPress.

Darüber hinaus möchten Sie vielleicht lernen, wie Sie eine passwortgeschützte Seite in WordPress anpassen können.

Sehen Sie sich auch unseren Leitfaden an, wie Sie die Farben Ihres WordPress-Themes anpassen und Ihre Formulare so gestalten, dass sie zu Ihren Markenfarben passen.

Und schließlich sollten Sie sich diese Liste der besten Transaktions-E-Mail-Dienste ansehen.

Erstellen Sie jetzt Ihr WordPress-Formular

Sind Sie bereit, Ihr Formular zu erstellen? Vergessen Sie nicht, sich für WPForms Pro anzumelden, da es das Addon für die Benutzerregistrierung, viele kostenlose Vorlagen und eine 14-tägige Geld-zurück-Garantie enthält.

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