So fügen Sie ein WordPress-Anmeldeformular auf einer beliebigen Seite ein (4 Methoden)

Das Hinzufügen eines Anmeldeformulars zu einer beliebigen Seite Ihrer WordPress-Site kann schwierig erscheinen, vor allem, wenn Sie nicht mit der Programmierung oder komplexen Einrichtungen vertraut sind.

Vielleicht fragen Sie sich, ob es einen einfachen Weg gibt, dies zu tun, ohne Ihre Website zu zerstören oder Stunden damit zu verbringen, es herauszufinden. Glücklicherweise ist es mit dem richtigen Tool, wie WPForms, ein einfacher Prozess.

In diesem Leitfaden zeige ich Ihnen, wie Sie mit wenigen Klicks ein Anmeldeformular zu jeder beliebigen Seite Ihrer WordPress-Website hinzufügen können, wodurch Sie Zeit sparen und technische Probleme vermeiden.

Erstellen Sie jetzt Ihr WordPress-Anmeldeformular 🙂

Wie man ein Login-Formular auf jeder WordPress-Seite erstellt

Es gibt verschiedene Möglichkeiten, ein Anmeldeformular in WordPress einzufügen, und welche davon die richtige ist, hängt davon ab, wie viel Einfluss Sie auf das Aussehen und die Funktionalität des Formulars nehmen möchten. Folgende Punkte werde ich behandeln.

Methode 1: Verwenden Sie den Einbettungsassistenten

Dies ist der schnellste Weg, um Ihr Anmeldeformular auf einer Seite einzubinden. Sie müssen den Formular-Generator nicht einmal verlassen. Nachdem Sie Ihr Formular erstellt oder bearbeitet haben, klicken Sie oben rechts im Generator auf die Schaltfläche „Einbetten “.

In einem Popup-Fenster stehen Ihnen zwei Optionen zur Auswahl: eine neue Seite erstellen oder eine vorhandene auswählen.

Auf einer neuen Seite einbetten

Wenn Sie eine neue Seite für Ihr Anmeldeformular erstellen möchten, klicken Sie auf „Neue Seite erstellen“. Geben Sie einen Namen für die Seite ein und klicken Sie auf „Los geht’s“.

Sie werden direkt zum Seiteneditor weitergeleitet, wo Ihr Formular bereits eingebettet ist. Klicken Sie einfach auf „Veröffentlichen“, um es online zu stellen.

In eine bestehende Seite einbetten

Haben Sie bereits eine Seite, auf der das Anmeldeformular angezeigt werden soll? Klicken Sie auf „Vorhandene Seite auswählen“ und wählen Sie die Seite aus der Dropdown-Liste aus.

Klicken Sie auf „Los geht’s“, und Sie werden zum Editor dieser Seite weitergeleitet. Von hier aus müssen Sie möglicherweise den WPForms-Block zur Seite hinzufügen (wie das geht, erkläre ich in Methode 2). Klicken Sie auf „Aktualisieren“, um Ihre Änderungen zu speichern.

Methode 2: Verwenden Sie den Block-Editor

Wenn Sie gerade eine Seite bearbeiten und Ihr Anmeldeformular einfügen möchten, können Sie den WPForms-Block direkt hinzufügen. Sie müssen nicht zum Formular-Generator zurückkehren.

Öffne die Seite, auf der du dein Formular einfügen möchtest. Klicke auf die Schaltfläche „+“, um den Block-Einfüger zu öffnen, und suche nach „WPForms“. Klicke auf den WPForms-Block, um ihn zu deiner Seite hinzuzufügen, und wähle dann dein Anmeldeformular aus der Dropdown-Liste aus.

Ihr Formular wird direkt im Editor angezeigt. Klicken Sie auf „Veröffentlichen“ oder „Aktualisieren“, wenn Sie fertig sind.

Sie können dies auf beliebig vielen Seiten wiederholen. Alle Anmeldeformulare werden weiterhin an einem Ort unter „WPForms » Einträge“ zusammengefasst. Eine vollständige Liste der Einbettungsoptionen finden Sie in der Dokumentation zur Darstellung von Formularen auf Ihrer Website.

Konfigurieren Sie die WPForms-Blockeinstellungen

Sobald Sie das Formular hinzugefügt haben, werden Ihnen im rechten Seitenbereich weitere Einstellungen angezeigt.

Folgendes können Sie anpassen:

• Titel und Beschreibung anzeigen: Aktivieren Sie diese Optionen, um den Namen und die Beschreibung des Formulars über den Formularfeldern anzuzeigen.
• Formulargestaltung: Mit WPForms können Sie Ihre Formulare direkt im Block-Editor gestalten, ohne CSS-Code schreiben zu müssen. Sie können die Größe der Felder, die Farben und das Aussehen der Schaltflächen visuell anpassen.
• Fortgeschritten: Fügen Sie benutzerdefinierte CSS-Klassen hinzu, wenn Sie mehr Kontrolle über das Erscheinungsbild des Formulars benötigen.

Methode 3: Verwenden Sie einen Shortcode

WPForms generiert für jedes Formular, das Sie erstellen, einen eindeutigen Shortcode. Dies ist nützlich, wenn Sie mit dem klassischen Editor, einem Theme, das Blöcke nicht vollständig unterstützt, oder einem beliebigen Bereich arbeiten, der Shortcodes akzeptiert.

Um den Shortcode Ihres Formulars zu finden, gehen Sie in Ihrem Dashboard zu „WPForms“ » „Alle Formulare “. Der Shortcode wird neben jedem Formular angezeigt. Er sieht wie folgt aus:

Kopiere den Shortcode, öffne die Seite oder den Beitrag, auf der bzw. in dem du dein Anmeldeformular einfügen möchtest, füge einen Shortcode -Block hinzu, füge den Shortcode dort ein und klicke auf „Veröffentlichen“ oder „Aktualisieren“.

Sie können Ihr Anmeldeformular mithilfe dieses Shortcodes auch in Text-Widgets, Seitenleistenbereichen und überall dort einbetten, wo Shortcodes unterstützt werden.

Methode 4: Verwenden Sie ein Widget (Seitenleiste oder Fußzeile)

Möchten Sie, dass Ihr Anmeldeformular auf jeder Seite Ihrer Website angezeigt wird? Eine gute Möglichkeit ist es, es als Widget in die Seitenleiste oder die Fußzeile einzufügen.

Besucher können sich von überall aus anmelden, ohne eine spezielle Anmeldeseite suchen zu müssen. Gehen Sie in Ihrem WordPress-Dashboard zu „Darstellung“ » „Widgets “.

Suchen Sie den Abschnitt „Haupt-Seitenleiste “. Falls Ihr Theme keine Seitenleisten unterstützt, wird diese Option nicht angezeigt. Klicken Sie auf die Schaltfläche „+“ und suchen Sie nach „WPForms“.

Klicken Sie auf den WPForms-Block, um ihn hinzuzufügen, und wählen Sie dann Ihr Anmeldeformular aus der Dropdown-Liste aus.

Die Vorschau des Formulars wird direkt im Widget-Bereich angezeigt.

Das Gleiche können Sie auch für Ihre Fußzeile tun. Scrollen Sie nach unten zum Widget-Bereich „Fußzeile“, fügen Sie den WPForms-Block hinzu und wählen Sie Ihr Anmeldeformular aus.

Klicken Sie auf „Aktualisieren“, wenn Sie fertig sind. So sieht ein Anmeldeformular in einer Seitenleiste aus:

Und hier ist es in der Fußzeile:

Wenn Sie ein Block-Theme mit „Full Site Editing“ verwenden, gehen Sie stattdessen zu „Darstellung“ » „Editor “. Öffnen Sie den Vorlagenbereich für Ihre Seitenleiste oder Fußzeile und fügen Sie dort den WPForms-Block ein.

Bonus: Erstellen Sie ein Formular zur Benutzerregistrierung

Da Sie nun ein Anmeldeformular auf Ihrer Website haben, möchten Sie wahrscheinlich auch ein Registrierungsformular einrichten, damit neue Besucher ein Konto erstellen können. WPForms erledigt dies mit demselben Add-on zur Benutzerregistrierung, das Sie zuvor eingerichtet haben.

Sie können ein individuelles Anmeldeformular mit den von Ihnen benötigten Feldern erstellen und es mithilfe einer der oben genannten Methoden einbinden. Eine vollständige Anleitung finden Sie in dieser Anleitung zur Erstellung eines Benutzeranmeldeformulars in WordPress.

Nachdem Sie Ihre Anmeldeseite erstellt haben, sollten Sie sie zur Navigation Ihrer Website hinzufügen, damit Besucher sie finden können. Gehen Sie in Ihrem WordPress-Dashboard zu „Darstellung“ » „Menüs“.

Wenn Sie noch kein Menü haben, geben Sie ihm einen Namen und klicken Sie auf „Menü erstellen“.

Klicken Sie im Bereich „Seiten“ auf der linken Seite auf „Alle anzeigen“, um alle Ihre veröffentlichten Seiten anzuzeigen. Aktivieren Sie die Kontrollkästchen für Ihre Anmelde- und Registrierungsseiten und klicken Sie dann auf „Zum Menü hinzufügen“.

Zieh die Menüpunkte per Drag & Drop an die gewünschte Stelle.

Wählen Sie einen Anzeigepunkt (z. B. „Hauptmenü“) aus und klicken Sie auf „Menü speichern“.

Jetzt befinden sich Ihre Anmelde- und Registrierungsseiten in der Hauptnavigation Ihrer Website.

Wenn Sie ein Block-Theme verwenden, fügen Sie diese Seiten stattdessen über „Darstellung“ » „Editor“ hinzu. Öffnen Sie Ihren Header-Template-Teil, wählen Sie den Navigationsblock aus und fügen Sie die Links dort ein.

Tipps zur Optimierung Ihrer WordPress-Anmeldeseite

• Weiterleitungen nach der Anmeldung einrichten: Leiten Sie Nutzer nach der Anmeldung nicht einfach auf die Startseite weiter. Leiten Sie sie stattdessen an einen nützlichen Ort weiter, beispielsweise auf eine Kontoseite oder ein Dashboard, das nur für Mitglieder zugänglich ist. Hier finden Sie eine umfassende Anleitung zur Einrichtung von Weiterleitungen bei der WordPress-Registrierung.
• Spamschutz hinzufügen: Anmeldeformulare sind ein beliebtes Ziel für Brute-Force-Angriffe. Wenn Sie WPForms verwenden, können Sie CAPTCHA aktivieren, Anti-Spam-Regeln einrichten oder den integrierten Honeypot nutzen. Diese einfachen Tricks zur Unterbindung von Spam-Anmeldungen funktionieren auch bei Anmeldeformularen.
• Gestalten Sie das Erscheinungsbild individuell: Ein schlichtes Anmeldeformular erfüllt zwar seinen Zweck, doch wenn Sie es an das Branding Ihrer Website anpassen, hinterlassen Sie einen besseren Eindruck. Sie können das Erscheinungsbild Ihres Anmeldeformulars mit individuellen Farben, Logos und Layouts anpassen. Schauen Sie sich diese Beispiele für Anmeldeseiten an, um sich inspirieren zu lassen.

Häufig gestellte Fragen zum Einfügen eines WordPress-Anmeldeformulars auf einer beliebigen Seite

Das Einfügen eines WordPress-Anmeldeformulars auf einer beliebigen Seite ist eine der häufigsten Anfragen von Website-Betreibern, die Mitgliedersysteme, Online-Kurse oder Community-Foren betreiben. Hier sind die Fragen, die mir am häufigsten gestellt werden.

Wie kann ich einer WordPress-Seite ein Anmeldeformular hinzufügen?

Am einfachsten ist es, WPForms Pro zusammen mit dem Add-on „User Registration“ zu verwenden. Erstellen Sie im Builder ein Anmeldeformular und binden Sie es dann mithilfe des Einbettungsassistenten, des Block-Editors, eines Shortcodes oder eines Widgets in eine beliebige Seite ein. Für einen noch einfacheren Ansatz können Sie auch den integrierten WordPress-Block „Anmelden/Abmelden“ verwenden.

Wie kann ich den WP-Login auf eine andere Seite umleiten?

Gehen Sie bei WPForms zum Anmeldeformular Einstellungen » Bestätigungen und legen Sie die Weiterleitungsseite fest. Mithilfe von bedingter Logik können Sie unterschiedliche Weiterleitungen für verschiedene Benutzerrollen erstellen. Wenn Sie wp_login_form(), übergeben redirect Parameter mit der Ziel-URL.

Was ist der Unterschied zwischen einem Anmeldeformular und einem Registrierungsformular?

Über ein Anmeldeformular können sich bestehende Benutzer mit Benutzername und Passwort in ihr Konto einloggen. Über ein Registrierungsformular können neue Besucher ein Konto erstellen. Die meisten Websites benötigen beides, und WPForms kann beide Arten mithilfe desselben Add-ons zur Benutzerregistrierung erstellen.

Kann ich verschiedene Benutzerrollen auf der Grundlage von Formularantworten zuweisen?

Ja. Mit WPForms können Sie Benutzerrollen bedingt zuweisen, je nachdem, wie Benutzer Ihr Anmeldeformular ausfüllen. So haben Sie mehr Kontrolle über Berechtigungen und Zugriffsebenen auf Ihrer Website.

Als Nächstes: Passen Sie Ihre Anmeldeseite an

Damit haben wir 5 verschiedene Möglichkeiten vorgestellt, wie Sie ein WordPress-Anmeldeformular auf einer beliebigen Seite Ihrer Website einfügen können. Nachdem Ihr Anmeldeformular nun online ist, finden Sie hier einige Schritte, die Sie als Nächstes unternehmen könnten:

• Passen Sie das Erscheinungsbild Ihres Anmeldeformulars mit Farben, Logos und individuellen Layouts an
• Richten Sie Weiterleitungen für die Registrierung ein, um Nutzer an die gewünschte Seite weiterzuleiten
• Verhindern Sie Spam-Registrierungen mit CAPTCHA und Anti-Spam-Tools

Erstellen Sie jetzt Ihr WordPress-Anmeldeformular

Sind Sie bereit, Ihr Formular zu erstellen? Starten Sie noch heute mit dem einfachsten WordPress-Formularerstellungs-Plugin. WPForms Pro enthält viele kostenlose Vorlagen und bietet eine 14-tägige Geld-zurück-Garantie.

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