So erstellen Sie eine Anmelde- und Registrierungsseite in WordPress

Veröffentlicht: 2021-12-02

Das Erstellen einer Anmeldeseite auf einer WordPress-Site hat sicherlich seine Vorteile, wenn Sie sich gefragt haben, wie das geht. Ein individueller Anmelde- und Registrierungsprozess hebt Ihre Marke hervor, verbessert die Benutzererfahrung und erhöht die Sicherheit.

In diesem Artikel finden Sie alle Schritte, die Sie zum Anpassen Ihrer WordPress-Anmeldeseite benötigen. Dieser Leitfaden zeigt Ihnen, wie ein Benutzerregistrierungstool die Registrierungs- und Anmeldeprozesse für Ihre WordPress-Website verbessern kann.

Es ist wichtig zu beachten, dass Sie für diesen gesamten Vorgang kein Plugin benötigen. Es ist jedoch am besten, es zu vermeiden, es sei denn, Sie sind selbst ein Entwickler. Es erfordert etwas Codierung und Anpassung der Standardeinstellungen von WordPress.

Suchen Sie nach weiteren Informationen zu unserer Plugin-Methode? Exzellent! Schritte, die befolgt werden sollten:

1. Aktivieren Sie das Plugin, das die Benutzerregistrierung verwaltet
2. Aktivieren Sie das Add-on für die Benutzerregistrierung
3. Passen Sie das Anmeldeformular an
4. Entwerfen Sie ein benutzerdefiniertes WordPress-Anmeldeformular
5. Richten Sie eine WordPress-Registrierungsseite und eine Anmeldeseite ein

#1. Aktivieren Sie das Plugin, das die Benutzerregistrierung verwaltet

Um loszulegen, müssen wir zuerst das WordPress-Benutzerregistrierungs-Plugin installieren. Durch die Verwendung eines Plugins dieser Art können Sie ändern, wie sich Benutzer auf Ihrer WordPress-Site registrieren und anmelden.

Für dieses Beispiel verwenden wir Formidable Forms, einen WordPress-Formularersteller. Dieses Plugin könnte eine gute Wahl sein, wenn Sie noch kein formularerstellendes Plugin für Ihre Website ausgewählt haben. Eine Benutzerregistrierungsfunktion auf Ihrer Website ist besonders wichtig, wenn Sie planen, Registrierungen zu akzeptieren.

Benutzer können sich bei Formidable registrieren und alles in Bezug auf ihre Konten automatisieren:

>> Erstellen Sie benutzerdefinierte Registrierungsformulare
>> Registrierung und Bearbeitung von Benutzerprofilen sind verfügbar
>> Bereitstellung von Front-End-Bearbeitungsfunktionen für Benutzer (und andere Rollen)
>> Füllen Sie Formulare mit den Informationen der eingeloggten Benutzer aus
>> Installieren Sie überall auf Ihrer Website ein Anmeldeformular
>> Platzieren Sie auf Ihrer Website ein Formular zum Ändern von Passwörtern

#2. Aktivieren Sie das Add-on für die Benutzerregistrierung

Aktivieren Sie das Add-on für die Benutzerregistrierung

Sobald Formidable Forms installiert ist, wird alles so viel einfacher zu handhaben.

Um das Benutzerregistrierungs-Plugin zu installieren, gehen Sie zu Ihrem WordPress-Dashboard und klicken Sie unter „Formidable Add-Ons“ auf „ Installieren “.

#3. Passen Sie das Anmeldeformular an

Das Erstellen eines Anmeldeformulars ist der erste Schritt, um zu lernen, wie man eine WordPress-Anmeldeseite erstellt. Für dieses Formular wurde bereits ein Add-On erstellt, das eine eigene Version dieses Formulars enthält. Nach der Registrierung kann sich der Benutzer also mit diesem Formular anmelden… Alles scheint einfach zu funktionieren.

Um Ihr Anmeldeformular anzupassen, müssen Sie Folgendes berücksichtigen:

>> Styling des Anmeldeformulars: Sie können den visuellen Styler von Formidable verwenden, um das Aussehen Ihres Anmeldeformulars anzupassen – kein CSS erforderlich!
>> Richten Sie automatisch eine Seite zum Zurücksetzen des Passworts ein, wenn Benutzer ihre Passwörter verlieren: Wenn sie ausgesperrt werden, können Sie eine Seite erstellen und Ihr Anmeldeformular nahtlos darin integrieren.

Für das Tutorial müssen Sie Ihr Anmeldeformular jedoch nicht anpassen. Gehen wir weiter voran.

#4. Entwerfen Sie ein benutzerdefiniertes WordPress-Anmeldeformular

Es funktioniert ähnlich wie das Formidable-Anmeldeformular – es enthält die Benutzerregistrierungsfunktion. Benutzer können mit einer bearbeitbaren Benutzerregistrierungsvorlage beginnen, da jede Organisation bei der Registrierung unterschiedliche Daten erfasst.

So sieht es aus:

Entwerfen Sie ein benutzerdefiniertes WordPress-Anmeldeformular

Um ein Formular hinzuzufügen, gehen Sie einfach zu Formidable Forms und klicken Sie dann auf Neu hinzufügen . Sie können die Benutzerregistrierungsvorlage bearbeiten, indem Sie danach suchen und darauf klicken.

Entwerfen Sie ein benutzerdefiniertes WordPress-Anmeldeformular

Es ist möglich, ein völlig neues Formular von Grund auf neu zu erstellen, wenn Sie möchten. Wählen Sie stattdessen Leeres Formular. Benennen Sie Ihr Formular und beginnen Sie mit dem Erstellen mit dem Drag-and-Drop-Formularersteller.

Benennen Sie Ihr Formular und beginnen Sie mit dem Erstellen

Ziehen Sie einfach die gewünschten Formularfelder aus der linken Spalte in die rechte Spalte, um Ihr Registrierungsformular zu erstellen. Benutzernamen, E-Mail-Adressen und einige andere Informationen werden wahrscheinlich gesammelt.

Formulareinstellungen für die Registrierung

Klicken Sie auf „ Aktualisieren “ und dann auf „ Einstellungen “, um die Erstellung Ihres Formulars abzuschließen.

Die Benutzerregistrierungsoptionen in Ihrem Benutzerregistrierungsformular müssen aktiviert sein, wenn Sie möchten, dass sich Ihre Benutzer ordnungsgemäß registrieren. Registrierungsformulare werden auf diese Weise mit Benutzerregistrierungssystemen verbunden.

Klicken Sie auf Einstellungen, Aktionen und Benachrichtigungen , um loszulegen. Das Hinzufügen einer Registrierungsaktion zu Ihrem Formular ist so einfach wie das Klicken auf Benutzer registrieren.

Formulareinstellungen für die Registrierung

Es ist wichtig, zu konfigurieren, was mit Ihren Benutzern passiert, nachdem sie ihre Registrierung gesendet haben. Konfigurierbar sind beispielsweise:

>>Ist es ratsam, die Benutzer automatisch einzuloggen, wenn sie sich registrieren?
>> Die Zahlung wird auf Wunsch bei der Registrierung erhoben
>> Registrierungsbenachrichtigungen per E-Mail
>> Berechtigungen und Rollen für Benutzer

#5. Platzieren Sie auf Ihrer Website ein Formular zum Ändern von Passwörtern

Hier kommt alles zusammen! WordPress hat eine Standard-Anmeldeseite in seine Software gebacken, aber diese Anmeldeseite wird sie ersetzen. Ist Ihnen das bekannt?

Platzieren Sie auf Ihrer Website ein Formular zum Ändern von Passwörtern

WordPress-Anmeldeseiten bestehen aus den folgenden Komponenten:

>> Branding: Ihr Logo ist normalerweise Ihre Marke.
>> Link zur Registrierungsseite: Wenn Sie keine Registrierungsseite haben, ist es normalerweise eine gute Idee, sie darauf zu verlinken.
>> Anmeldeformular: Bei Formidable müssen Sie nur Ihren Shortcode einfügen.
>> Link für vergessene Passwörter: Dieser führt zur Seite zum Zurücksetzen des Passworts. Der Link wird automatisch in das Anmeldeformular aufgenommen, oder Sie können ihn manuell hinzufügen.
Auf Seiten, auf denen Sie Personendaten sammeln, ist die Verlinkung zu urheberrechtlichen und anderen rechtlichen Informationsquellen sinnvoll.

Sie können beispielsweise eine benutzerdefinierte Anmeldeseite in WordPress erstellen, indem Sie einfach eine neue Seite erstellen und sicherstellen, dass Ihr Anmeldeformular auf dieser Seite veröffentlicht wird. Danach können Sie das Aussehen der Seite mit dem Gutenberg-Builder anpassen.

Dann können Sie den gleichen Vorgang einfach mit Ihrer Registrierungsseite wiederholen! Um es klar zu sagen, Ihre Anmelde- und Registrierungsseiten sind eigentlich zwei separate Seiten. Obwohl Sie sie genau gleich stylen würden, wenn Sie möchten. Darüber hinaus können Sie Ihre Anmelde- und Registrierungsformulare auf jedem Beitrag oder jeder Seite platzieren.

Einpacken

Kurz gesagt, Sie haben jetzt ein sehr leistungsfähiges WordPress-Benutzerregistrierungssystem erstellt.
Wir hoffen, dass dieses Tutorial Ihnen geholfen hat, eine Registrierungs- und Anmeldeseite für WordPress zu erstellen.