Hinzufügen eines Anmeldeformulars in der WordPress-Seitenleiste

Möchten Sie ein Anmeldeformular in Ihre WordPress-Seitenleiste einfügen?

Ein Anmeldeformular in der WordPress-Seitenleiste ermöglicht es Benutzern, sich schnell von überall auf Ihrer Website anzumelden. Der einfache Zugang zu einem Anmeldeformular kann den Umsatz für E-Commerce-Seiten steigern, die Kundenbindung für Online-Kurse erhöhen und vieles mehr.

In diesem Artikel zeigen wir Ihnen, wie Sie auf einfache Weise ein benutzerdefiniertes Anmeldeformular zu Ihrer WordPress-Seitenleiste hinzufügen können.

Wann und warum brauchen Sie ein benutzerdefiniertes Anmeldeformular in WordPress?

Wenn Sie eine Website mit Mitgliedschaft, einen Online-Shop oder Online-Kurse anbieten, müssen sich Ihre Benutzer wahrscheinlich anmelden, um bestimmte Aktionen durchzuführen.

Da die Seitenleiste auf der gesamten Website angezeigt wird, ist das Anmeldeformular von jeder Seite der Website aus besser sichtbar und leicht zugänglich.

Wenn Sie ein Anmeldeformular in Ihre WordPress-Seitenleiste einfügen, können sich die Nutzer schnell bei ihren Konten anmelden. Das steigert das Engagement, bietet ein besseres Nutzererlebnis und erhöht die Konversionsrate.

Schauen wir uns also an, wie Sie ein Anmeldeformular ganz einfach in Ihre WordPress-Seitenleiste einfügen können. Wir zeigen Ihnen, wie Sie das Standard-Anmeldeformular in die Seitenleiste einfügen und ein benutzerdefiniertes Anmeldeformular erstellen können.

Sie können auf die unten stehenden Links klicken, um zu dem von Ihnen gewünschten Abschnitt zu springen:

Methode 1: Hinzufügen des Standard-WordPress-Anmeldeformulars in der Seitenleiste

Sie können das Standard-WordPress-Anmeldeformular in der Seitenleiste Ihrer Website anzeigen. Dies macht es den Nutzern sehr einfach, ihren Benutzernamen und ihr Passwort einzugeben, um auf den WordPress-Verwaltungsbereich zuzugreifen.

Für dieses Tutorial werden wir das Astra-Theme verwenden. Beachten Sie, dass die Optionen je nach dem von Ihnen verwendeten WordPress-Theme variieren können.

Um zu beginnen, müssen Sie in Ihrem WordPress-Dashboard auf Darstellung “ Widgets gehen.

Von hier aus können Sie auf die Schaltfläche „+“ klicken, zur Überschrift „Thema“ scrollen und auf den Widget-Block „Login/out“ klicken, um ihn zu Ihrer Seitenleiste hinzuzufügen.

Als Nächstes wird der Block „Login/out“ in Ihrem Widgets-Bereich angezeigt. Sie können dann die Optionen aktivieren, um die Anmeldung als Formular anzuzeigen.

Wenn Sie die Änderungen vorgenommen haben, klicken Sie auf die Schaltfläche „Aktualisieren“ am oberen Rand.

Danach können Sie Ihre WordPress-Website besuchen, um das Standard-WordPress-Anmeldeformular in Aktion zu sehen.

Bitte beachten Sie, dass Sie eingeloggt sind, wenn Sie das Formular sofort überprüfen. Melden Sie sich einfach von Ihrer Website ab, um zu sehen, wie das Formular für Ihre Mitglieder aussehen wird.

Methode 2: Hinzufügen eines benutzerdefinierten Anmeldeformulars mit WPForms Plugin

Das Standard-Anmeldeformular von WordPress bietet nur ein Feld für den Benutzernamen und das Passwort. Sie können jedoch ein benutzerdefiniertes Benutzerregistrierungsformular mit mehr Feldern und Anpassungsoptionen erstellen.

Der beste Weg, dies zu tun, ist die Verwendung von WPForms. Es ist das beliebteste WordPress-Formular-Plugin, und die Premium-Version von WPForms ermöglicht es Ihnen, ganz einfach WordPress-Anmelde- und Registrierungsformulare mit benutzerdefinierten Feldern zu erstellen.

WPBeginner Benutzer können den WPForms Coupon verwenden: SAVE50, um 50% Rabatt auf ihre Einkäufe zu erhalten.

Als Erstes müssen Sie das WPForms-Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie die Seite WPForms “ Einstellungen besuchen, um Ihren Lizenzschlüssel einzugeben. Sie können Ihren Lizenzschlüssel von Ihrem WPForms-Konto auf ihrer Website erhalten.

Nach der Überprüfung, müssen Sie auf die WPForms “ Addons Seite gehen.

Von hier aus müssen Sie nach unten zum „User Registration Addon“ scrollen und auf die Schaltfläche „Install Addon“ klicken.

Das Addon wird nun automatisch auf Ihrer Website installiert und aktiviert.

Sie sind nun bereit, ein benutzerdefiniertes WordPress-Anmeldeformular zu erstellen. Besuchen Sie einfach die Seite WPForms “ Add New, um den WPForms Builder zu starten.

Zunächst müssen Sie oben einen Formularnamen eingeben und dann die integrierte Vorlage „Benutzeranmeldeformular“ auswählen. Bewegen Sie einfach den Mauszeiger darüber und klicken Sie auf die Schaltfläche „Vorlage verwenden“.

Es werden die Anmeldefelder angezeigt, die bereits in Ihr Formular geladen wurden. Sie können auf ein Feld klicken, um es zu bearbeiten, oder in der linken Spalte neue Felder hinzufügen.

WPForms bietet mehrere Formularfelder, die Sie mit dem Drag-and-Drop-Builder hinzufügen können. Zum Beispiel können Sie dem Anmeldeformular einen Namen oder CAPTCHA-Felder hinzufügen.

Gehen Sie anschließend zur Registerkarte „Einstellungen“ und klicken Sie auf den Abschnitt „Bestätigung“.

Hier müssen Sie festlegen, was geschehen soll, wenn sich ein Benutzer erfolgreich bei Ihrer Website anmeldet.

Zu den Optionen gehören eine Nachricht, eine benutzerdefinierte Seite oder eine Weiterleitungs-URL zu einer beliebigen Seite auf Ihrer Website.

Im Idealfall möchten Sie die Benutzer zu einer Seite weiterleiten, sobald sie sich angemeldet haben. Das kann Ihre Homepage, das WordPress-Verwaltungspanel oder eine andere Seite auf Ihrer Website sein, z. B. das Mitglieder-Dashboard oder das Kundenportal.

Anschließend können Sie oben auf die Schaltfläche „Speichern“ klicken und die Formularerstellung beenden.

Ihr Anmeldeformular ist nun fertig. Von hier aus können Sie es zu Ihrer WordPress-Seitenleiste hinzufügen.

Rufen Sie einfach die Seite Erscheinungsbild “ Widgets in Ihrem WordPress-Administrationsbereich auf. Fügen Sie auf dieser Seite den Widget-Block „WPForms“ in den Widget-Bereich der Seitenleiste Ihrer Website ein.

Als Nächstes können Sie Ihr Benutzeranmeldeformular aus dem Dropdown-Menü auswählen.

Im Einstellungsfeld auf der rechten Seite können Sie weitere Optionen anzeigen. Zum Beispiel gibt es Optionen, um den Titel und die Beschreibung des Formulars anzuzeigen.

Vergessen Sie nicht, auf die Schaltfläche „Aktualisieren“ zu klicken, wenn Sie fertig sind.

Sie können nun Ihre Website besuchen, um das benutzerdefinierte Anmeldeformular von WordPress zu sehen.

Sie können auch WPForms verwenden, um ein benutzerdefiniertes Benutzerregistrierungsformular mit Anti-Spam-Funktionen zu erstellen.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu erfahren, wie Sie ein Anmeldeformular in Ihre WordPress-Seitenleiste einfügen können. Vielleicht interessieren Sie sich auch für unsere Schritt-für-Schritt-Anleitung zum Start eines WordPress-Blogs und die besten E-Mail-Marketingdienste für kleine Unternehmen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.