Erstellen einer benutzerdefinierten Anmelde- und Registrierungsseite in WordPress

Veröffentlicht: 2022-09-16

In diesem Tutorial zeigen wir Ihnen, wie Sie eine benutzerdefinierte Anmelde- und Registrierungsseite in WordPress erstellen. Wir beginnen mit der Erstellung einer benutzerdefinierten Seitenvorlage für unsere Anmelde- und Registrierungsseiten . Dann erstellen wir für jede Seite ein benutzerdefiniertes Formular. Schließlich werden wir uns in den WordPress-Authentifizierungsprozess einklinken, um unsere benutzerdefinierten Formulardaten zu verarbeiten.

Sie können eine Anmelde- und Registrierungsseite in WordPress erstellen, indem Sie die folgenden Schritte ausführen. Mit dem Benutzerregistrierungstool einer WordPress-Site können Sie eine Anmeldeseite erstellen, die mit anderen Sites geteilt werden kann. Das System bietet neben einem verbesserten Branding, einer besseren Benutzererfahrung und einer verbesserten Sicherheit eine Reihe von Vorteilen. Wenn Sie noch kein Plugin zum Erstellen von Formularen für Ihre Website verwendet haben, könnte dieses eine gute Lösung sein. Die Installation von Formidable ist so einfach wie bei jedem anderen WordPress-Plugin. Um unser System nutzen zu können, müssen Sie zunächst einen Business-Plan erwerben. Wir haben eine bearbeitbare Benutzerregistrierungsvorlage erstellt, um sicherzustellen, dass jedes Unternehmen bei der Registrierung von Benutzern die gleiche Datenmenge erfasst.

Sie müssen Ihr Anmeldeformular nicht anpassen, um dieses Tutorial abzuschließen. Nachdem Ihre Benutzer ihre Registrierung abgeschlossen haben, müssen Sie konfigurieren, was mit ihnen geschieht. In unserer Benutzerregistrierungsdokumentation gibt es eine Reihe von Konfigurationsoptionen, die Sie auswählen können. Da das Benutzerregistrierungssystem den gesamten Anmeldevorgang automatisiert, müssen wir bei Formidable nicht lernen, wie die WordPress-Anmeldeseite geändert wird. Eine WordPress-Anmeldeseite ist nur erforderlich, wenn Sie ein Anmeldeformular einbinden möchten. Sie können den Builder verwenden, um die Seite auf die gleiche Weise zu erstellen, wie Sie die Vorlage verwenden würden. Sie können Ihre Anmelde- und Registrierungsformulare auf jedem beliebigen Beitrag oder jeder gewünschten Seite platzieren.

Wie erstelle ich eine benutzerdefinierte Anmelde- und Registrierungsseite in Woocommerce?

Bildnachweis: brightplugins.com

Um eine benutzerdefinierte Anmelde- und Registrierungsseite in WooCommerce zu erstellen, müssen Sie zwei separate Seiten erstellen – eine für die Anmeldung und eine für die Registrierung. Für die Anmeldeseite müssen Sie ein Formular einfügen, das nach der E-Mail-Adresse und dem Passwort des Kunden fragt. Für die Registrierungsseite müssen Sie ein Formular einfügen, das nach der E-Mail-Adresse, dem Passwort und anderen persönlichen Informationen des Kunden fragt. Sobald Sie diese Seiten erstellt haben, müssen Sie sie von Ihrer WooCommerce-Kontoseite aus verlinken.

Wie passen Sie Ihr WooCommerce- Registrierungsformular an? ThemeGrill Blog ist ein Blog, der sich auf Theme-WordPress-Themen konzentriert. Mit den WooCommerce-Registrierungs- und Anmeldeformularen können Sie genauso viel tun wie mit der WordPress-Anmeldeseite und den Anmeldeformularen. Wir verstehen, wie schwierig es ist, das beste Plugin auszuwählen, das einfach zu verwenden ist, und Ihre WooCommerce-Seite „Mein Konto“ anzupassen. Der erste Schritt besteht darin, die erforderlichen Plugins herunterzuladen und zu installieren. In Schritt 2 müssen Sie ein neues Registrierungs- und Anmeldeformular vollständig erstellen. In Schritt 3 müssen Sie das Plugin hochladen, installieren und konfigurieren.

Laden Sie als ersten Schritt das Add-on Style Customizer von der Seite Benutzerregistrierung herunter und installieren Sie es. Der zweite Schritt besteht darin, die Formularfelder und -einstellungen zu konfigurieren. Ersetzen Sie in Schritt 3 das standardmäßige WooCommerce-Registrierungs- und Anmeldeformular durch das neue. Die Anmeldeseite und das Registrierungsformular sollten gleichzeitig auf der Registrierungsseite angezeigt werden. Das Benutzerregistrierungs-Plugin kann auch verwendet werden, um sie auf verschiedenen Seiten anzuzeigen. Nach Abschluss des Registrierungsprozesses werden die Benutzer auf ihre Seite „Mein Konto“ weitergeleitet. Zusätzlich zur Benutzerregistrierung können Sie im Checkout-Fenster auch ein benutzerdefiniertes Registrierungsformular anzeigen.

Mit den folgenden Schritten können Sie Ihr WooCommerce-Konto in die Checkout-Seite integrieren. Durch Klicken auf die Registerkarte Konten und Datenschutz in den WooCommerce-Einstellungen können Sie auf die Einstellungen zugreifen. Wenn Sie möchten, dass die Registrierungsinformationen Ihrer Kunden auf dem Checkout-Formular erscheinen, müssen sie die Felder auswählen. Dazu gehören neben diesen Feldern auch Rechnungs- und Lieferadressen.

WordPress-Plugin für benutzerdefinierte Anmeldeseite

Bildnachweis: Colorlib

Ein benutzerdefiniertes WordPress-Plugin für die Anmeldeseite ist eine großartige Möglichkeit, das Erscheinungsbild Ihrer WordPress-Anmeldeseite anzupassen. Mit diesem Plugin können Sie den Hintergrund, die Farben und das Logo Ihrer Anmeldeseite ändern, um sie an das Branding Ihrer Website anzupassen. Sie können der Anmeldeseite auch benutzerdefinierte Nachrichten und Links hinzufügen, um sie benutzerfreundlicher und hilfreicher für Ihre Website-Besucher zu machen.

Sie können Ihr eigenes Branding hinzufügen und Ihr reguläres WordPress-Login in Sekundenschnelle durch ein benutzerdefiniertes ersetzen. Wir verwenden zusätzlichen Platz auf unseren benutzerdefinierten Anmeldeseiten, um Benutzer über bevorstehende Funktionen bei WPForms zu informieren. Durch das Erstellen einer benutzerdefinierten Seite können Sie Anmelde-Spam reduzieren und Ihre WordPress-Site sicher halten. Dadurch müssen wir kein separates Login-Plugin für unsere Datenbankverbindung in WPForms erstellen. Das Anmeldeformular ist einfach zu verwenden, aber wir müssen einen Link für ein vergessenes Passwort hinzufügen, um uns anzumelden. Es wird eine Weiterleitung eingerichtet, um Besucher auf die Seite zu leiten, auf der unsere Formulare angezeigt werden. Da der Honeypot ausläuft, wird Ihr Spam-Schutz verbessert und Ihr Anmeldeformular wird jetzt mit einem Anti-Spam-Token versehen.

Das Einbetten Ihres benutzerdefinierten Anmeldeformulars an beliebiger Stelle auf Ihrer Website, einschließlich der Schaltfläche „Neue Seite erstellen…“, ist ganz einfach. Bitte geben Sie Ihrer Seite einen Namen und einen Link zu ihr. Das Ziel dieses Beispiels ist es, eine benutzerdefinierte WordPress-Anmeldeseite zu erstellen. Wenn Sie sich von WordPress abmelden, können Sie Ihr fertiges Formular anzeigen. Sie können nicht auf den Anmeldebildschirm zugreifen, wenn Sie nicht angemeldet sind. Sie können damit beginnen, Ihr Branding für Ihre Anmeldeseite zu definieren. Am Ende dieses Artikels haben Sie ein funktionierendes Benutzerregistrierungsformular für Ihre Website.

WordPress-Anmeldeformular

Ein WordPress-Anmeldeformular ist ein Formular, das ein Benutzer ausfüllen kann, um sich bei einer WordPress-Site anzumelden. Das Formular enthält normalerweise Felder für einen Benutzernamen und ein Passwort sowie eine Schaltfläche zum Senden.

Das WP-Anmeldeformular ist eine einfache Möglichkeit, ein einfaches Anmeldeformular für jede WordPress-Site zu erstellen. Dieses Element kann mit einem Shortcode zu einem Beitrag, einer Seite oder einer Seitenleiste hinzugefügt werden. Die folgenden Parameter können verwendet werden, um die unten angezeigten Optionen anzupassen, aber es gibt auch andere Parameter, die verwendet werden können. Das WP-Anmeldeformular kann aktiviert werden, um Google reCAPTCHA v3 zu verwenden, um Ihr Formular vor Spam und anderen Formen des automatisierten Missbrauchs zu schützen. Diese Funktion kann aktiviert werden, indem Sie zu den Einstellungen gehen. Es verfügt über Klassen, die ein sauberes Markup erzeugen, enthält jedoch kein CSS, sodass Sie das Formular an Ihre Spezifikationen anpassen können.

Benutzerdefiniertes WordPress-Registrierungsformular programmgesteuert

Sie können ein benutzerdefiniertes Registrierungsformular in WordPress erstellen, indem Sie diesen Schritten folgen:
1. Melden Sie sich als Administrator bei Ihrer WordPress-Site an.
2. Gehen Sie zum Menü Formulare und klicken Sie auf Neu hinzufügen.
3. Geben Sie einen Namen und eine Beschreibung für Ihr Formular ein.
4. Klicken Sie auf die Registerkarte Felder und fügen Sie die Felder hinzu, die Sie in Ihr Formular aufnehmen möchten.
5. Klicken Sie auf die Registerkarte Einstellungen und wählen Sie die Option zum Senden von Formularübermittlungen an eine E-Mail-Adresse aus.
6. Klicken Sie auf die Schaltfläche „Veröffentlichen“, um Ihr Formular zu speichern.
Nachdem Ihr Formular erstellt wurde, müssen Sie es Ihrer Website hinzufügen.
1. Gehen Sie zum Menü Aussehen und klicken Sie auf Widgets. Fügen Sie das benutzerdefinierte Registrierungsformular-Widget zu einer Seitenleiste hinzu. Geben Sie den Namen Ihres Formulars in das Feld Formularname ein. Speichern Sie Ihre Änderungen.
Ihr benutzerdefiniertes Registrierungsformular sollte jetzt auf Ihrer Website angezeigt werden.

Wie ändere ich das Standardregistrierungsformular in WordPress?

Das Registrierungsformular kann auch über Globale Einstellungen bearbeitet werden. Um auf das Menü „Allgemeine Einstellungen“ zuzugreifen, gehen Sie zur Seite „Globale Einstellungen“. Hier finden Sie einige Felder, in denen Sie das standardmäßige WordPress-Registrierungsformular ändern können.

So ändern Sie die Registrierungs-URL Ihrer WordPress-Site

Sie können die URL des Registrierungsformulars Ihrer WordPress-Site ändern, indem Sie die Datei WP_Register besuchen. Bitte erstellen Sie eine Kopie der neuen URL, indem Sie im Abschnitt „Anmeldefußzeile“ danach suchen. Wenn Sie diese Option nicht verwenden möchten, können Sie dem Browser jederzeit eine weitere Seite mit einer Weiterleitung hinzufügen.