Die vollständige Anleitung zum Hinzufügen und Verwalten von benutzerdefinierten WordPress-Registrierungsformularen

Ein einfaches Anmeldeformular ist bereits standardmäßig in WordPress enthalten. Mit den richtigen Tools lassen sich jedoch zahlreiche erweiterte Anpassungen vornehmen, sei es, dass du dem Formular ein Logo hinzufügst oder das Formular auf einer öffentlicheren Seite einbindest.

Jede Webseite benötigt eine andere Version des Benutzerregistrierungsmoduls und deshalb ist es wichtig zu lernen, wie man ein individuelles WordPress-Registrierungsformular hinzufügt und verwaltet.

Die gute Nachricht ist, dass es ein Registrierungsformular in vielen Formen und Stilen gibt. Du hast die Möglichkeit, ein benutzerdefiniertes WordPress Registrierungsformular mit einem Plugin für die Benutzerregistrierung zu erstellen und zu verwalten, indem du Mitgliederprofile und Branding-Elemente hinzufügst.

Alternativ kannst du auch ein Registrierungs-Tool eines Drittanbieters integrieren oder dich an die Grundlagen halten und das Standard-Registrierungsmodul von WordPress leicht anpassen.

Unabhängig von deinen Bedürfnissen und Wünschen für ein benutzerdefiniertes WordPress-Registrierungsformular gibt es verschiedene Lösungen, um einfachere Registrierungsformulare oder fortgeschrittene Anmelde- und Registrierungsseiten mit Funktionen für Nutzernachrichten und die Anmeldung mit Social-Media-Konten zu aktivieren.

Lies weiter, um mehr über die Benutzerregistrierung im Allgemeinen und die Grundlagen für das Hinzufügen eines neuen und vollständig anpassbaren WordPress-Registrierungsformulars auf deiner Webseite zu erfahren.

Was ist eine Benutzerregistrierung?

Die Benutzerregistrierung ist der einfache Prozess, bei dem ein Besucher einer Webseite ein Konto auf deiner Webseite erstellt.

Diese Registrierung oder Anmeldung betrifft einen neuen Kunden auf deiner Webseite, wie z.B. einen E-Commerce-Shop, oder ein Mitglied, das einem Forum beitritt, oder einen Leser, der sich in einem Blog registriert, um nur einige zu nennen.

Die Benutzerregistrierung erfordert, dass eine Person eine Art von Kontaktinformationen eingibt, um ein Konto zu erstellen. Manchmal ist es so einfach, wie einen Benutzernamen und ein Passwort zu erstellen. Es ist jedoch üblicher, zumindest ein E-Mail-Adressfeld zu haben, um sicherzustellen, dass eine Passwortwiederherstellung möglich ist.

Die Standard-Registrierungsseite von WordPress fragt nach einem Benutzernamen und einer E-Mail-Adresse. Danach wird ein Passwort abgefragt.

Als Alternative kannst du weitaus umfangreichere Registrierungsformulare finden, mit Feldern, die nach Informationen wie Geschlecht, Adresse oder Geburtsdatum fragen. Es ist nicht ungewöhnlich, dass solche Formulare auf Webseiten wie Dating-Websites oder sozialen Netzwerken zu finden sind. Sogar Webseiten wie Netflix bieten optionale Fragen zur Benutzerregistrierung an, um herauszufinden, welche Art von Videos du dir gerne ansiehst.

Ein Benutzerregistrierungsformular ist nicht notwendig, wenn du diesen Benutzern nichts Besonderes anbietest oder wenn du kein Interesse daran hast, eine Benutzerdatenbank zu verwalten. Allerdings ist ein Besucher der Webseite ein ziemlich wertvoller Teil des Online-Geschäfts, daher ist es oft besser, Gründe für eine Benutzerregistrierung zu finden.

Die Benutzerregistrierung eröffnet dir auch die Möglichkeit, Benutzerrollen festzulegen, so dass einige Benutzer andere Fähigkeiten oder Zugriff auf deine Webseite haben als andere.

Im Allgemeinen neigt ein Benutzerregistrierungsmodul dazu, die Person zu einem Online-Raum zu führen, damit dieser Benutzer sein Ansehen und seine Aktivität auf deiner Webseite verstehen kann. Eine Webseite wie eBay zeigt z.B. vergangene Gebote und Käufe im Benutzerprofil an. Und das ist nur möglich, wenn jemand durch das Benutzerregistrierungsformular geht, um diesen Profilbereich zu erstellen.

Nachdem wir nun über die Grundlagen der Benutzerregistrierung und die Funktion, die es erfüllt, gesprochen haben, lies weiter, um zu erfahren, warum du in Erwägung ziehen solltest, ein WordPress-Benutzerregistrierungsformular auf deiner Webseite einzufügen.

Vorteile von WordPress Registrierungsformularen

Wenn du eine Webseite erstellst, fragst du dich vielleicht, wozu du ein WordPress Registrierungsformular einbauen solltest. Im Großen und Ganzen zeigt ein Registrierungsbereich den Besuchern, dass sie einen Nutzen aus der Erstellung eines Kontos ziehen können. Manchmal bedeutet dies, dass sie Zugang zu einem Forum erhalten, oder vielleicht ermöglicht es ihnen, alle vergangenen Einkäufe oder Interaktionen mit anderen Nutzern zu protokollieren.

Registrierungsformulare bieten einen Mehrwert für die Nutzer, die die Konten erstellen. Als Bonus erhalten die Betreiber deiner Webseite einen erheblichen Gewinn in Form von Organisation und Datensammlung.

Die Vorteile sind vielfältig, aber hier sind die wichtigsten:

• Verbesserte Nutzerorganisation, Interaktion und Feedback – Registrierte Nutzer übermitteln eine beträchtliche Menge an Informationen, was es dir ermöglicht, diese Nutzer auf kontrolliertere Weise zu verwalten. Es eröffnet dir auch die Möglichkeit, diese Webseiten-Besucher anzusprechen und wertvolles Feedback zu erhalten, um deine Webseite zu verbessern, anstatt dich zu fragen, wer deine Produkte kauft oder deinen Blog liest.
• Wachstum der E-Mail-Liste – Solange dein Registrierungsformular nach einer E-Mail fragt, sammelst du Daten, die in der Zukunft nützlich sind. Registrierte Nutzer treten deinem E-Mail-Marketingprogramm bei und machen es dir einfacher, E-Mails mit Gutscheinen, neuen Produkten oder Blogbeiträgen zu versenden.
• Individuelle Datenerfassung – Ein Anmeldeformular muss nicht nur nach einem Namen und einer E-Mail-Adresse fragen. Sie dienen dazu, tief in den Hintergrund des Nutzers einzutauchen. Du kannst benutzerdefinierte Felder hinzufügen, die nach allem fragen, von Größe und Gewicht bis hin zu spezifischen Vorlieben wie dem Lieblingsbuch.
• Sicherheit für deine Webseite und deine Nutzer – Spam bei der Nutzerregistrierung fügt einer Webseite ein unerwünschtes Maß an Unordnung hinzu, von der ein Großteil von Betreibern und Moderatoren gelöscht oder gefiltert werden muss. Ein starkes Registrierungsformular erhöht die Sicherheit und verhindert unerwünschte Mitglieder.
• Erweiterte Optionen für Benutzerrechte – Bei der Registrierung hast du die Möglichkeit, Benutzerrechte festzulegen (manchmal auch Benutzertypen oder Rollen genannt), die es einigen Benutzertypen erlauben, bestimmte Inhalte zu sehen oder die Funktionen deiner Webseite zu nutzen. Andere Benutzerrollen können Zugriff auf einen Teil der Webseite haben, aber nicht auf alles. Dies ist besonders wichtig für Mitgliederseiten und Operationen, bei denen du mehrere Mitwirkende auf deiner Webseite hast, wie Autoren und Redakteure.
• Ein freundlicheres Benutzererlebnis – Eines der Hauptziele bei der Benutzerregistrierung ist es, einen konsolidierten Bereich für einzelne Benutzer bereitzustellen, um ihren Status als Benutzer zu überprüfen. Diese Profile verbessern das gesamte Nutzererlebnis, indem sie wichtige Informationen anzeigen, wie z.B. vergangene Käufe oder Nachrichten mit anderen Nutzern.
• Aufbau einer Webseite für Mitglieder mit Profilverwaltung – Ein Registrierungsformular ist sehr nützlich für den Aufbau einer vollwertigen Webseite für Mitglieder, da es eine der Hauptfunktionen ist, die du mit einer Webseite für Mitglieder anbietest. Nutzer genießen es, ihre Profile zu verwalten, egal ob es sich um ein soziales Netzwerk, ein Forum oder einen exklusiven Online-Kurs

Was ist der beste Weg, um ein Registrierungsformular auf WordPress anzubieten?

Es gibt hunderte von Möglichkeiten, ein Registrierungsformular auf deiner WordPress Seite einzubauen. Die Art und Weise, wie du dein Formular gestaltest, macht jeden Prozess einzigartig, besonders wenn du anfängst, individuelle Felder hinzuzufügen.

Es gibt jedoch vier primäre Methoden, um ein Benutzerregistrierungsformular hinzuzufügen, die alle mit dem richtigen Wissen und den richtigen Tools möglich sind.

Du kannst ein Registrierungsmodul mit den folgenden Methoden aktivieren:

• Aktiviere die integrierte WordPress Benutzerregistrierungsfunktion.
• Binde ein WordPress-Benutzerregistrierungsformular mit einer Lösung eines Drittanbieters ein.
• Installiere ein Registrierungsmodul mit einem WordPress Plugin.
• Einen eigenen Code für einen Registrierungsbereich erstellen.

Die große Frage ist, welche der Methoden ist ideal für deine Situation?

Es ist schwierig zu entscheiden, welchen Weg du einschlagen sollst, aber dein Geschäftsformat und deine Wünsche spielen eine Rolle bei der Wahl der Methode:

• Die Standard-WordPress-Registrierung – Dies ist die schnellste und einfachste Methode, um die Benutzerregistrierung in deine Webseite einzubinden. Es ist nichts für diejenigen, die ein individuelles oder langwieriges Formular für die Registrierung benötigen. Die eingebaute WordPress-Registrierung zeichnet sich für kleinere Webseiten und Blogs aus, die nur einen Namen und eine E-Mail-Adresse erfassen müssen. Denke daran, dass die Designmöglichkeiten mit dem Standard-WordPress-Registrierungsformular begrenzt sind.
• Einbetten eines Registrierungsmoduls eines Drittanbieters – Eine separate Software oder App wird in deine Webseite von WordPress integriert. Dieser Prozess macht Sinn, wenn du einen Registrierungsformular-Builder mit deinen Lieblingsfunktionen findest, aber kein WordPress Plugin. Ein Formular eines Drittanbieters ist manchmal komplizierter als ein Plugin, weil du typischerweise herausfinden musst, wie du das Registrierungsmodul auf deiner WordPress Seite installierst oder anzeigst, wie mit einem Einbettungscode.
• Ein Registrierungs-Plugin verwenden – Wir mögen Plugins für die Benutzerregistrierung aus zwei Gründen. Erstens ersparen sie dir die eigene Programmierung und das Hantieren mit Tools von Drittanbietern. Zweitens haben solide Plugins lange Funktionslisten, die es für jeden einfach machen, schöne Registrierungsformulare zu entwerfen und zu implementieren. Plugins machen also sowohl für Anfänger ohne Programmierkenntnisse als auch für Entwickler, die sich nach einer einfacheren Lösung sehnen, Sinn.
• Individuelles Programmieren des Registrierungsformulars – Diese Option ist den Organisationen vorbehalten, die eine komplett eigene Schnittstelle für die Registrierung von Nutzern benötigen. Es ist auch notwendig, dass du entweder die Ressourcen hast, um einen Entwickler zu bezahlen, der das Formular anfertigt.

Wie man ein WordPress Registrierungsformular ohne ein Plugin erstellt

Es ist möglich, ein Registrierungsformular zu WordPress hinzuzufügen, ohne ein neues Plugin suchen und installieren zu müssen. Die Gründe für diesen Ansatz variieren, aber im Allgemeinen können Betreiber einer Webseite sich entweder für das integrierte Registrierungsformular von WordPress entscheiden oder einen fortgeschritteneren Weg mit Software von Drittanbietern oder eigener Programmierung in Betracht ziehen.

Wir erklären dir die Schritte, wie du jede Methode angehst.

Aktivieren der standardmäßigen Benutzerregistrierungsfunktion in WordPress

WordPress bietet bereits ein Registrierungsformular und einen Benutzerverwaltungsbereich, wenn du das Content Management System installierst. Die Registrierungsfunktionen sind nicht unbedingt standardmäßig aktiviert, daher gibt es einige Schritte, die du durchlaufen musst, um sicherzustellen, dass die Besucher deiner Webseite die Möglichkeit haben, einen Account zu erstellen.

Denke daran, dass diese Version eines Registrierungsformulars das absolute Minimum ist, wenn es darum geht, Formulare für Registrierungs- und Login-Module zu entwerfen. Es genügt jedoch für Blogs und kleinere Communities, die lediglich Nutzer gewinnen und ihnen die Möglichkeit geben wollen, sich mit einem Benutzernamen und Passwort anzumelden.

Um zu beginnen, gehe in dein WordPress Dashboard.

Klicke auf Einstellungen > Allgemein.

Wenn du in den Einstellungen nach unten scrollst, findest du die Überschrift „Mitgliedschaft“. Aktiviere dieses Kästchen, um sicherzustellen, dass jeder, der auf deine Webseite kommt, sich als neuer Benutzer registrieren kann.

Danach änderst du das Feld Standardrolle für neue Benutzer so, dass jedem neuen Benutzer eine Rolle mit Berechtigungen zugewiesen wird.

Die Benutzerrolle Abonnent ist die häufigste für Mitglieder und Kunden. Mitwirkende und Autoren haben Zugriff auf einige Tools zur Erstellung von Inhalten, wie z.B. Blogbeiträge, während die Redakteure veröffentlichen können und die Administratoren die Kontrolle über jeden Aspekt der Webseite behalten.

Achte darauf, dass du die Änderungen speicherst.

Diese Aktivierung schaltet eine eindeutige Registrierungs- und Anmeldeseite ein, auf die Leute gehen können, wenn sie Zugang zu deiner Webseite erhalten möchten.

Standardmäßig ist das Formular erreichbar unter: myexamplewebsite.com/wp-login.php. Es ist möglich, diese URL zu ändern, aber alle WordPress Login– und Registrierungsseiten beginnen normalerweise mit dem Unterverzeichnis wp-login.php.

Du solltest ein Formular sehen, das den Besucher auffordert, sich mit einem Benutzernamen oder einer E-Mail-Adresse zusammen mit seinem Passwort anzumelden. Die Seite enthält auch einen Link, um sich für die Webseite zu registrieren, ein vergessenes Passwort wiederherzustellen und zurück zur Startseite der Webseite zu gelangen.

Jetzt, wo du die Benutzerregistrierung aktiviert hast, ist es an der Zeit, ein Registrierungsformular auf dem Frontend deiner Webseite zu platzieren.

Der einfachste Weg, ein Registrierungsformular auf WordPress zu installieren, ist das Hinzufügen eines Widgets.

Gehe im Dashboard von WordPress auf Darstellung > Widgets.

Die Liste der verfügbaren Widgets zeigt mehrere Optionen zur Auswahl, darunter benutzerdefiniertes HTML, Bilder und ein Meta-Widget. Diese Widgets sind alle standardmäßig in WordPress enthalten, du musst also nichts anderes installieren.

Suche nach dem Meta-Widget. Es aktiviert ein Modul, mit dem sich Benutzer anmelden, registrieren und durch einige andere WordPress-Links klicken können.

Wähle das Meta Widget aus.

Alle Themes variieren, du kannst also eine Fußzeile, eine Sidebar, eine Kopfzeile oder eine Kombination dieser Widgetbereiche haben. Du kannst das Meta-Widget in jedem dieser Bereiche platzieren.

Unser aktuelles Test-Theme hat nur ein paar Fußzeilen, also platzieren wir mein Meta-Widget in der ersten. Auf diese Weise sehen Besucher deiner Webseite das Anmelde- und Registrierungsformular, egal auf welcher Seite sie landen.

Wähle den Widget-Bereich deiner Wahl und klicke auf die Schaltfläche Widget hinzufügen.

Das Meta-Widget ist nun im Footer-Bereich platziert und gespeichert, oder in dem von dir gewählten Widget-Bereich.

Wenn du auf das Meta-Widget klickst, wirst du feststellen, dass es nicht viel Inhalt und keine anpassbaren Felder enthält. Es ist alles für dich konfiguriert.

Das Meta-Widget erlaubt dir jedoch, den Titel anzupassen, wenn du das möchtest. Stelle sicher, dass du das Widget speicherst, falls es nicht automatisch gespeichert wurde.

Gehe auf das Frontend deiner Webseite, um zu sehen, wie der Registrierungslink aussieht:

Sobald du dich aus deinem Test-Account ausgeloggt hast, wirst du feststellen, dass die Links „Registrieren“ und „Anmelden“ angezeigt werden, auf die die Nutzer klicken können, um sich entweder in ihre zuvor erstellten Accounts einzuloggen oder neue Accounts zu erstellen.

Ähnlich wie bei dem, was wir zuvor gesehen haben, bringt das Klicken durch die Links Anmelden oder Registrieren den Nutzer auf die Standard-WordPress-Registrierungsseite, wo er aufgefordert wird, einen Benutzernamen zu erstellen, seine E-Mail-Adresse einzugeben und ein Passwort zu erstellen.

Wie man das Registrierungs- und Anmeldeformular ändert

Abgesehen von der eigenen Programmierung gibt es mehrere Möglichkeiten, die standardmäßige WordPress Login- und Registrierungsseite anzupassen.

Das Design der WordPress Anmeldeseite zu ändern, hilft beim Branding und der Sicherheit. Es macht Sinn, dein eigenes Logo und deine Farben auf der Anmeldeseite zu haben, besonders wenn es um Online-Communities mit Kundenkontakt geht, wo die Anmeldeseite einer der ersten Bereiche ist, den ein Kunde sieht.

Der andere Grund, warum du dich entscheiden könntest, die Struktur der Anmeldeseite zu ändern, ist, um Eindringlinge daran zu hindern, Zugang zu erhalten. Dies kann geschehen, indem du die URL der besagten Anmeldeseite änderst (da jeder auf die /wp-login.com URL kommen kann) und indem du zusätzlichen Schutz wie eine Spam-Sicherheitsprüfung hinzufügst.

Ändern des Logos und Designs der Registrierungsseite

Indem du das WordPress-Logo auf der Registrierungsseite entfernst und es gegen dein eigenes austauscht, erhältst du einen Hinweis auf deine eigene Marke, wenn Nutzer versuchen, sich anzumelden und zu registrieren.

Du hast auch die Möglichkeit, das Design dieser Seite mit einem Plugin komplett zu verändern und einzigartige Stile und Farben einzubauen, die anders aussehen als die Standard-WordPress-Designs.

Manche Leute wollen nur ein neues Logo hinzufügen und das WordPress-Logo loswerden. Das ist einfach genug und erfordert kein Plugin.

Dazu lädst du das Logo in deine WordPress-Mediathek hoch. Dies geschieht, indem du auf Medien > Neu hinzufügen gehst.

Auf dieser Seite lädst du das Logo von deinem Computer hoch, indem du auf die Schaltfläche Dateien auswählen klickst und das Logo aus deinen Computerdateien auswählst.

Sobald es hochgeladen ist, klicke auf den Link „Bearbeiten“ für dieses Logo.

Kopiere die Datei-URL des Bildes in die Zwischenablage. Speichere diese für später in einem Texteditor oder ähnlichem.

Navigiere zu der Datei functions.php auf deiner Webseite. Füge den folgenden Code in die functions.php Datei ein. Normalerweise ist es am besten, den Code am Ende der Datei einzufügen:

function wpb_login_logo() { ?>
<style type="text/css">
#login h1 a, .login h1 a {
background-image: url(http://your-logo.png);
height:200px;
width:600px;
background-size: 600px 200px;
background-repeat: no-repeat;
padding-bottom: 20px;
}
</style>
<?php }
add_action( 'login_enqueue_scripts', 'wpb_login_logo' );

Finde den Text, auf dem „http://your-logo.png“ steht und ersetze es durch die Bild-URL, die du vorher gespeichert hast.

Du hast auch die Möglichkeit, die Höhe und Breite deines Logos basierend auf der tatsächlichen Größe der Datei zu ändern. Fühle dich frei, mit dem Code herumzuspielen und dir das Ergebnis in der Vorschau anzusehen, bis du es perfekt gerendert hast.

Schau dir die offizielle WordPress-Dokumentation zur Anpassung des Anmeldeformulars an, wenn du Fragen hast oder weitere Anpassungen in Angriff nehmen möchtest.

Verwendung eines Plugins für weitere Anpassungen der Anmeldeseite

Alternativ stehen mehrere Plugins zur Verfügung, um das Logo der Anmeldeseite zu verändern.

Das LoginPress Customizer Plugin bietet dir ein komplettes System, um das Logo auszutauschen und so ziemlich jeden Aspekt deiner Registrierungsseite anzupassen.

Um LoginPress zu nutzen, installiere das Plugin und gehe zu LoginPress > Customizer im WordPress Dashboard.

Das Plugin bietet zusätzliche Einstellungen, aber wir schauen uns hauptsächlich die Customization Tools an.

Dies bringt dich zum regulären WordPress Customizer, aber mit einer speziellen Seite nur für die Anpassung des Anmeldeformulars und der Seite.

Das Plugin verfügt über mehrere vorgefertigte Themes in der Premium-Version, aber die meisten Gestaltungsmöglichkeiten werden kostenlos zur Verfügung gestellt.

Wie du sehen kannst, gibt es Einstellungen, um das Logo, den Hintergrund, das Anmeldeformular und mehr anzupassen. Es hat bereits automatisch einen Hintergrund eingebaut, der drastisch anders aussieht als der Standard-Hintergrund von WordPress.

Das Plugin hat einen visuellen Builder. Um das Logo zu ändern, musst du also nur über das Logo scrollen und auf das Symbol „Logo ändern“ klicken.

Lade ein Logo von deinem Computer hoch und verschiebe die Einstellungen für Breite und Höhe des Logos, um sicherzustellen, dass es gut aussieht.

Als nächstes gehst du auf den Reiter Hintergrund und wählst entweder einen von LoginPress bereitgestellten Hintergrund aus oder lädst deinen eigenen hoch. Du kannst auch einen leeren weißen Hintergrund oder eine einfarbige Farbe wählen.

Mit einem Klick auf einen Button kannst du den blumigen Hintergrund zu einem mit Blättern wechseln.

Es gibt noch eine ganze Reihe weiterer Tabs, mit denen du die Einstellungen der Registrierungsseite anpassen kannst.

Wir empfehlen dir, sie alle durchzusehen, einschließlich der Option, die Größe und Position des Formulars komplett zu verändern. Du kannst alles ändern, von der Willkommensnachricht bis zu den Google Fonts, ohne auch nur eine Zeile Code anfassen zu müssen.

Ändern der URL der Registrierungsseite

Es ist wichtig zu entscheiden, ob du eine neue URL für die Registrierungsseite erstellen möchtest. Wir haben zuvor besprochen, dass die Registrierungsseite unter myexamplewebsite.com/wp-login.php erreichbar ist.

Da WordPress das Unterverzeichnis /wp-login.php für alle Anmeldeseiten verwendet, ist es für einen Hacker nicht schwierig, den genauen Ort zu kennen. Obwohl sie immer noch einen Brute-Force-Angriff auf das Login-Formular durchführen müssen, fügst du eine zusätzliche Sicherheitsebene hinzu, indem du die Wahrscheinlichkeit minimierst, dass sie überhaupt auf die Seite gelangen.

Am besten installierst und aktivierst du das WPS Hide Login Plugin, um die Aufgabe zu erledigen. Das Plugin kümmert sich sofort um die Weiterleitung und das Verstecken deiner alten Anmeldeseite und fragt dich nur nach dem Namen des Unterverzeichnisses.

Hier findest du eine Anleitung, wie du das WPS Hide Login Plugin installieren und nutzen kannst. Bitte folge diesen Schritten, um deine Login-URL zu ändern. Im Wesentlichen ist es ein fast vollständig automatisierter Prozess, bei dem du ein neues Unterverzeichnis für die Login-URL und die Weiterleitungs-URL (falls du diese anpassen möchtest) einträgst.

Dann erledigt das Plugin den Rest der Arbeit für dich und erstellt etwas wie im folgenden Screenshot.

Wie man ein WordPress Anmeldeformular mit einem erweiterten Plugin erstellt

Die bisherigen Taktiken zur Aktivierung und Anpassung des Anmeldeformulars funktionieren über die Modifikation des bereits implementierten Anmeldeformulars von WordPress. Dieses WordPress Formular hat die Grundlagen, aber es ist nicht für jeden geeignet.

Was ist, wenn deine Webseite zusätzliche Felder für die Erfassung von Telefonnummern oder physischen Adressen benötigt? Wäre es nicht schön, deine eigenen benutzerdefinierten Felder zu generieren, so dass die Grenzen für Anmeldeformulare praktisch nicht mehr vorhanden sind?

Obwohl ein benutzerdefiniertes, codiertes Registrierungsformular der effektivste Weg ist, um das einzigartigste Design für ein Formular zu erhalten, ist ein WordPress Plugin die nächstbeste Lösung.

Außerdem musst du nicht so viel Zeit und Geld für die Entwicklung eines Formulars aufwenden, das potenziell auch mit einem Plugin erstellt werden könnte.

Beste WordPress Anmeldeformular Plugins

Wirf einen Blick auf unseren Artikel über die besten WordPress Plugins zur Benutzerregistrierung. Er deckt eine große Sammlung von Plugins ab, die sich für die Gestaltung und Formatierung von Registrierungsmodulen ohne große Programmierkenntnisse eignen.

Einige von ihnen bieten einzigartige Tools, um große Sammlungen von benutzerdefinierten Feldern zu nutzen, während andere sofort Mitgliederverzeichnisse aktivieren, um deine Mitgliederbasis zu organisieren.

Wir empfehlen dir, diesen Artikel zu lesen, um das beste Plugin für deine Situation zu finden, aber hier ist eine Liste unserer Favoriten:

• User Registration
• RegistrationMagic
• Ultimate Member
• WP User Manager
• Easy Registration Forms

Diese Plugins konzentrieren sich auf die Erstellung von Anmeldeformularen für Mitglieder und Nischenregistrierungsbereiche, um deine Nutzer durch einen reibungslosen Prozess zu führen, wenn sie sich auf deiner Webseite anmelden.

Alternativ kannst du auch ein allgemeines Formular Plugin verwenden, damit du nicht auf ein Plugin angewiesen bist, das auf eine bestimmte Branche oder Funktion beschränkt ist.

Es ist zum Beispiel möglich, mit den Plugins Contact Form 7 und Gravity Forms ein individuelles WordPress-Anmeldeformular zu erstellen.

Wir werden diese Schritte in den folgenden Abschnitten behandeln.

Ein WordPress Registrierungsformular mit Contact Form 7 erstellen

Contact Form 7 ist das einfachste Tool für die Erstellung von Kontaktformularen in WordPress. Es ist extrem beliebt, zuverlässig und einfach genug, dass es auf jeder Webseite gut aussieht. Ganz zu schweigen davon, dass dieses grundlegende Design sicherstellt, dass jeder Entwickler es mit seinem eigenen Code anpassen kann.

Ein Standardformular könnte sehr gut als Registrierungslösung dienen, aber diese Formularübermittlungen gehen an eine andere Datenbank und registrieren nicht wirklich neue Benutzer in deiner WordPress Benutzerdatenbank. Stattdessen erhältst du E-Mails mit dem Kontaktformular und den Benutzerdaten, nach denen du im Formular gefragt hast. Du könntest diese Benutzerdaten in einer Tabelle protokollieren, aber das ist nicht immer ideal.

Für einige mag das ganz gut funktionieren. Du kannst deine Liste aus Contact Form 7 in jedes Plugin oder jede Software zur Kontaktverwaltung importieren. Du hast auch die Möglichkeit, diese Liste in den WordPress Benutzerbereich zu importieren.

Wir möchten es jedoch ein wenig vereinfachen, indem wir Contact Form 7 mit einer Erweiterung verknüpfen, die deine Contact Form 7 Formulare in das eigentliche Benutzerregistrierungsformular für WordPress umwandelt.

Es gibt zwei Methoden, um deine Contact Form 7 Kreationen in legitime Benutzerregistrierungsformulare zu verwandeln:

• Verwende ein Plugin.
• Füge einen eigenen Code ein.

Wie bei vielen Aufgaben in WordPress halten wir uns oft gerne an Plugins, wenn es mit Custom Coding zu kompliziert wird.

Daher installieren wir im ersten Schritt das Contact Form 7 Plugin und ein Erweiterungsplugin namens Frontend Registration – Contact Form 7.

Sobald beide aktiviert sind, gehe in dein WordPress Dashboard Menü und navigiere zu Kontakt > Kontaktformulare.

Klicke entweder auf die Schaltfläche Neu hinzufügen, um ein neues Formular zu erstellen oder wähle das Standardformular aus, das bereits vom Plugin erstellt wurde.

In Contact Form 7 werden alle Formulare mit einem einfachen Template erstellt, das aus kodierten Tags besteht. Für jedes Feld ist das Label-Tag der Text, der über jedem Feld auf dem Formular angezeigt wird.

Das Formular-Tag – oder das Stück Text zwischen den [ ] Klammern – erzeugt das eigentliche Formularfeld, in das der Benutzer die Informationen einträgt.

Das vorgefertigte Formular von Contact Form 7 enthält ein Feld für Name, E-Mail, Betreff und Nachricht. Das macht Sinn für ein normales Kontaktformular, aber es gibt keinen Grund, ein Betreff- und Nachrichtenfeld in einem Registrierungsformular zu haben.

Entferne diese.

Die Buttons oberhalb deines Formularerstellers sind dazu da, zusätzliche Feld-Tags einzubauen.

Zum Beispiel möchtest du vielleicht auch Telefonnummern von deinen neuen Nutzern erfassen. Dazu wählst du das Tag „tel“ aus und platzierst es in deinem Formular. Weitere Tags sind die URL-Option für Webseiten und Checkboxen oder Radiobuttons, um bestimmte Fragen zu stellen.

Das Plugin fügt das Feld hinzu, aber du musst die Label-Tags dort manuell platzieren. Du kannst diese einfach von einem der anderen Felder kopieren und das Label in etwas wie „Deine Telefonnummer“ ändern.

Achte darauf, dass du das Label mit </label> abschließt.

Speichere das Formular.

Du wirst feststellen, dass jedem Formular, das du in Contact Form 7 erstellst, ein Shortcode zugewiesen ist. Damit kannst du das Formular überall auf deiner Webseite platzieren, von Sidebars bis hin zu normalen Seiten.

Du kannst diesen Shortcode gerne kopieren, wenn du einen Shortcode für die Anzeige deines Formulars verwenden möchtest.

Es gibt auch eine andere Möglichkeit, einen Block im Gutenberg-Editor zu verwenden.

Nun ist es an der Zeit, dein Formular zu einer Seite hinzuzufügen. Klicke auf den Reiter Seiten in WordPress und füge entweder eine neue Seite hinzu oder gehe zu einer Seite, die du bereits erstellt hast.

Für dieses Tutorial nennen wir diese Seite „Benutzerregistrierung“. Es ist die erste Seite, auf der sich Besucher auf der Webseite anmelden und registrieren.

Im visuellen Editor klickst du auf den Button Block hinzufügen.

Finde den Contact Form 7 Block und wähle ihn aus.

Hier findest du ein Dropdown-Menü mit allen Kontaktformularen, die du mit dem Contact Form 7 Plugin erstellt hast.

Im Moment haben wir nur eines, also lass uns das auswählen.

Eine Alternative zur Verwendung der Gutenberg Editor Blöcke ist das Einfügen des Shortcodes des Formulars in die Seite. Das kannst du entweder im traditionellen WordPress-Editor machen oder mit dem Gutenberg Shortcode-Block. Beide erreichen das gleiche Ziel.

Veröffentliche diese Seite, um sicherzustellen, dass sie im Frontend deiner Webseite verfügbar ist.

Als nächstes musst du die Benutzerregistrierungsfunktionen für Contact Form 7 aktivieren. Hier kommt das Frontend Registration Plugin ins Spiel.

Im Moment ist das Formular noch ein Standard-Kontaktformular, bei dem der Benutzer auf den Submit-Button klickt und eine E-Mail an den Administrator deiner Webseite geschickt wird.

Wir würden lieber einen neuen Benutzer in der WordPress Datenbank registrieren lassen.

Navigiere daher zurück zum Kontaktformular-Editor. Nachdem du das Frontend Registration Plugin installiert hast, solltest du nun einen Reiter mit dem Namen Registration Settings sehen. Klicke darauf.

Schalte den Schalter für alle drei Punkte unter den Registrierungseinstellungen um.

Die erste Einstellung aktiviert Registrierungen auf dem Formular und ist damit die wichtigste der drei Einstellungen.

Die zweite Einstellung überspringt den Versand von E-Mails für dieses Formular. Daher erhältst du keine Nachricht über das Kontaktformular, wie du es vorher getan hättest.

Die letzte Einstellung ist nicht notwendig, aber es ist nett, um einen reibungslosen Registrierungsprozess zu ermöglichen. Es meldet den Nutzer an, damit er nicht zweimal durch die Schritte gehen muss.

Darunter wählst du die Feldnamen aus, die sich in WordPress-Benutzerelementen registrieren.

Zum Beispiel muss ein WordPress-Benutzer einen Benutzernamen und eine E-Mail-Adresse haben, damit sein Konto funktioniert. Du kannst das Formularfeld „your-name“ als Benutzernamen und das Feld „your-email“ als E-Mail-Adresse festlegen.

Der letzte Schritt ist die Auswahl einer Standard-Benutzerrolle, wie z.B. Abonnent. Wir empfehlen für die meisten Webseiten die Benutzerrolle „Abonnent“, da alle Berechtigungen darüber einen intimen Zugang zu den Einstellungen der Webseite ermöglichen.

Gehe auf das Frontend dieser Seite und teste es aus und klicke auf den Submit-Button.

Es scheint zu funktionieren. Das einzige Problem ist, dass die Erfolgsmeldung es so aussehen lässt, als hätte der Benutzer gerade ein Kontaktformular abgeschickt.

Das müssen wir ändern. Gehe dazu zurück zum Formulareditor im WordPress Dashboard.

Klicke auf den Reiter Nachrichten und finde das Feld Absendernachricht wurde erfolgreich gesendet. Alles was du tun musst, ist diese Nachricht zu ändern.

Ein Beispiel ist ein Dankeschön für den Beitritt oder die Registrierung auf deiner Webseite.

Zum Schluss sollten wir überprüfen, ob dieser Benutzer tatsächlich in der WordPress Benutzerdatenbank registriert wurde.

Wenn du als Testbenutzer auf der Webseite eingeloggt bist, wirst du eine Fehlermeldung wie diese sehen, wenn du versuchst, die Benutzerliste zu überprüfen. Das liegt daran, dass die Benutzerrolle „Abonnent“ keine Benutzer auf deiner Webseite überprüfen oder verwalten kann.

Wenn du dich wieder in den Admin-Account einloggst, ist es klar, dass die neuen Benutzerinformationen in der Users-Datenbankliste gespeichert sind!

Ein WordPress Registrierungsformular mit Gravity Forms erstellen

Gravity Forms ist ein bekannter und seriöser Formularersteller, der viele einzigartige Formulartypen generiert und auf seine eigenen Plugins für erweiterte Funktionen verweist.

Gravity Forms ist eine Premium-Lösung, aber du kannst die gesamte Oberfläche testen und deine eigenen Formulare mit der kostenlosen Demo erstellen. Gravity Forms beginnt bei $59, aber das Add-on zur Benutzerregistrierung ist nur im Elite-Plan enthalten, der $259 kostet.

Ja, es ist ein bisschen teuer, aber Gravity Forms ist eine der besten Optionen, die du in Betracht ziehen solltest, wenn du deinen Benutzerregistrierungsbereich anpassen und andere Elemente wie Zahlungen mit dem Gateway deiner Wahl einbinden willst.

Um zu beginnen, besuche die Webseite von Gravity Forms.

Entscheide dich dort für den Elite-Plan, um das Add-on User Registration zu aktivieren. Lade die Gravity Forms Plugin-Datei herunter, lade es auf dein WordPress Dashboard hoch und aktiviere das Plugin, um mit der Formularerstellung zu beginnen.

Standardmäßig verfügt Gravity Forms über Optionen zur Erstellung von Standardformularen für Webseiten. Sie sind absolut schön, aber es gibt ein paar Einstellungen, die du anpassen musst, wenn du ein Benutzerregistrierungsformular erstellen möchtest, bei dem jede Eingabe in deiner WordPress-Benutzerdatenbank gespeichert wird.

Sobald das Gravity Forms Plugin aktiviert ist, erscheint ein Forms Tab im WordPress Dashboard.

Gehe zu Formulare > Add-ons.

Finde das User Registration Add-on und klicke auf die Schaltfläche Aktivieren.

Sobald ein Gravity Forms Add-on aktiviert ist, taucht es in deiner Liste der Plugins auf, genau wie Gravity Forms selbst.

Klicke auf Formulare > Einstellungen und gehe weiter.

In den Einstellungen findest du den Reiter Benutzerregistrierung. Hier musst du die Option „Benutzerdefinierte Registrierungsseite“ aktivieren.

Aktiviere das Kästchen, um sicherzustellen, dass alle Registrierungen über dein Formular als normale WordPress-Benutzer hinzugefügt werden.

Du musst auch eine Seite auswählen, die als deine Registrierungsseite dienen soll. Die Standard-Registrierungsseite von WordPress leitet dich auf die benutzerdefinierte Seite weiter, wenn diese aktiviert ist. Wenn du bereits eine hast, kannst du die Seite aus dem Dropdown-Menü auswählen.

Wenn nicht, gehen wir unten durch die Erstellung der Registrierungsseite.

Klicke immer auf den Button Einstellungen aktualisieren, wenn du die Einstellungen in Gravity Forms geändert hast.

Gehe zu Formulare > Formulare oder Formulare > Neues Formular. Auf der Seite Formulare siehst du eine Liste aller Formulare, die du in der Vergangenheit mit Gravity Forms erstellt hast. Sie könnte leer sein, wenn du noch nichts erstellt hast.

Wenn du noch kein Formular erstellt hast, wähle die Schaltfläche Neues Formular.

Erstelle einen Formulartitel und eine Formularbeschreibung. Klicke auf Formular erstellen.

Gravity Forms bietet einen visuellen Drag-and-Drop-Editor mit einem Modul auf der rechten Seite zum Einfügen von Feldelementen.

Da wir uns gerade ein leeres Formular für die Benutzerregistrierung ansehen, beginnen wir damit, das Modul Name in das Formular selbst zu ziehen. Dazu klickst du auf das Modul und ziehst es nach links.

Sobald ein Modul in dein Formular eingefügt wurde, solltest du es in der Vorschau sehen.

Zum Beispiel sehen wir jetzt die Felder Name, wobei die Felder Vorname und Nachname standardmäßig angezeigt werden.

Für ein Benutzerregistrierungsformular ist es sinnvoll, auch die Felder Benutzername, Passwort und E-Mail einzubeziehen.

Einmal im Formular platziert, zeigt das E-Mail-Feld die Option für Benutzer an, ihre E-Mail-Adressen einzugeben.

Das Feld Benutzername dient dazu, einen brandneuen Benutzernamen für deine Webseite zu erstellen, während das Passwortmodul den Benutzer auffordert, sein neues Passwort zweimal einzugeben.

Es ist möglich, dass dein Anmeldeformular andere Elemente benötigt, wie z.B. ein Feld für Telefonnummern oder Webseiten-URLs.

Für dieses Tutorial haben wir ein Section-Modul hinzugefügt, um einen Abschnittswechsel einzubauen und anzuzeigen, dass alles unterhalb dieser Zeile optional ist.

Wir haben dann die Module Webseite und Telefon unter diesem optionalen Abschnitt hinzugefügt.

Wie bereits erwähnt, sind diese Felder optional für deine eigenen Registrierungsformulare. Es gibt viele andere Felder, die du einfügen kannst, wenn du möchtest.

Wenn du die Gravity Forms-Module per Drag-and-Drop im Formular platzierst, kannst du auf die Dropdown-Schaltfläche jedes Moduls klicken, um die Einstellungen und Bearbeitungsoptionen für das Feld zu erweitern.

Zum Beispiel fragen die Einstellungen unter dem Feld Webseite nach der Feldbezeichnung und ob du dieses Feld als Pflichtfeld einrichten möchtest oder nicht.

Da wir das Feld Website bereits in der Überschrift als optional gekennzeichnet haben, lassen wir es unmarkiert, damit die Nutzer keine Webseite eingeben müssen, um sich für deine Webseite zu registrieren.

Generell sollte die überwiegende Mehrheit der Felder in einem Registrierungsformular nicht erforderlich sein.

Die Felder für den Benutzernamen, die E-Mail und das Passwort sind notwendig, um einen WordPress-Benutzer zu erstellen und ihn in der Datenbank anzumelden. Daher ist es besser, diese als erforderlich zu markieren.

Du kannst die Einstellungen für jedes der Feldmodule, die du dem Anmeldeformular hinzufügst, anpassen. In der Regel ist es am besten, den Feldnamen umzubenennen und zu entscheiden, ob du das Feld zur Pflichtangabe machen möchtest.

Du hast auch die Möglichkeit, das Aussehen des Feldes anzupassen und erweiterte Änderungen in den anderen Einstellungs-Tabs vorzunehmen.

Sobald du das Anmeldeformular so gestaltet hast, wie du es möchtest, gehe zum Reiter Einstellungen.

Dies sind die allgemeinen Einstellungen für das gesamte Formular, nicht nur für die einzelnen Felder.

Gehe unter Einstellungen auf den Reiter Benutzerregistrierung.

Klicke auf die Schaltfläche Neu hinzufügen.

In diesem Schritt erstellst du einen Benutzerregistrierungs-Feed, der automatisch einen Benutzer für jede Anmeldung erstellt und die Eingaben in die Standardfelder in der WordPress-Benutzerdatenbank überträgt.

Benenne den Benutzerregistrierungs-Feed für deine eigene interne Referenz.

Du hast zwei Optionen für die Erstellung eines Feeds, entweder für Benutzer erstellen oder Benutzer aktualisieren.

Die Option Benutzer aktualisieren ist sinnvoller, wenn du eine Seite anbietest, auf der Benutzer ihre aktuellen Profilinformationen aktualisieren können. Du kannst dies durchaus auf deiner Registrierungs-/Login-Seite einbauen, aber im Moment sind wir mehr daran interessiert, einen neuen Benutzer zu erstellen.

Klicke auf die Option Benutzer erstellen.

Der Feed für die Benutzerregistrierung generiert automatisch die meisten Benutzereinstellungen, um ein Feld aus dem Formular zu übernehmen und es in die Felder für einen neuen Benutzer in der WordPress Benutzerdatenbank zu übertragen.

Es kann jedoch sein, dass du ein paar von ihnen ändern musst.

Zum Beispiel wollen wir sicherstellen, dass der Text, der in das Formularfeld Benutzername eingegeben wird, als der tatsächliche Benutzername des neuen Benutzers verwendet wird.

Du könntest dieses Feld auch zum Email-Feld machen, wenn du lieber möchtest, dass sich deine Benutzer nur mit ihrer Email-Adresse anmelden.

Die Felder Vorname und Nachname sowie die Benutzereinstellungen sehen gut aus. Das gilt auch für die E-Mail Adresse und das Passwort. Wenn du möchtest, kannst du einen Nickname und einen Anzeigenamen wählen.

Einer der wichtigsten Teile dieses Schrittes ist die Auswahl einer Standard-Nutzerrolle, wenn das Nutzerprofil erstellt wird.

Wahrscheinlich möchtest du nicht, dass jeder Benutzer zum Administrator oder Autor wird (das würde zufälligen Personen zu viel Kontrolle über deine Webseite geben), daher ist es am besten, wenn du die Rolle „Abonnent“ wählst.

Scrolle nach unten, um den Rest der Benutzer-Feed-Einstellungen zu vervollständigen. Wenn du optionale oder zusätzliche Felder hast, denke darüber nach, ob die Standard-WordPress-Benutzerprofile auch Felder dafür haben.

Die WordPress Benutzerdatenbank hat optionale Felder für Webseiten. Daher werden wir das Feld Webseite unseres Formulars mit dem der WordPress-Benutzerdatenbank verknüpfen.

Der Abschnitt Zusätzliche Optionen fragt dich, ob du bei der Registrierung Benachrichtigungs-E-Mails verschicken möchtest. Das ist die beste Vorgehensweise, um deine Nutzer zu benachrichtigen, dass sie erfolgreich ein Konto erstellt haben.

Das Kontrollkästchen Benutzeraktivierung generiert nur dann einen Benutzer, wenn diese Person auf einen Verifizierungslink klickt, der an ihre E-Mail-Adresse gesendet wird. Diese Einstellung verlangsamt normalerweise nur den Registrierungsprozess, aber es kann helfen, Spam zu reduzieren.

Die Registrierungsbedingung ist eine weitere Einstellung, bei der du entscheiden musst, ob du sie nutzen willst oder nicht. Die Funktion erlaubt eine Registrierung nur, wenn es eine benutzerdefinierte Bedingung erfüllt, wie z.B. E-Mail-Adressen mit dem @-Symbol in der Adresse. Auch dies ist eine gute Möglichkeit, um Spam zu vermeiden und schlecht ausgefüllte Formulare zu stoppen, aber es ist nicht unbedingt notwendig, damit dein Registrierungsformular richtig funktioniert.

Sobald du die Einstellungen für dein Formular vorgenommen hast, klicke auf den Button Einstellungen aktualisieren.

Das deckt den größten Teil des Formularerstellungsprozesses ab, um ein benutzerdefiniertes WordPress-Formular mit Gravity Forms zu erstellen. Nun möchtest du das Formular auf einer Seite einfügen, um die Standard-Anmeldeseite von WordPress zu ersetzen.

Es gibt zwei Methoden, um das Benutzerregistrierungsformular auf einer Seite einzufügen.

Eine davon ist die Verwendung eines Shortcodes, während die andere das Gutenberg-Blocksystem nutzt.

Wenn du vorhast, einen Shortcode zu verwenden, wirf einen Blick auf das Benutzerregistrierungsformular, das du gerade erstellt hast. In Gravity Forms wird jedem Formular eine ID-Nummer zugewiesen.

Schreibe dir diese ID auf oder merke sie dir.

Gehe in deinem WordPress Dashboard auf Seiten > Neu hinzufügen. Oder, wenn du bereits eine Seite für das Formular erstellt hast, navigiere zu dieser Seite.

Für dieses Tutorial werden wir es die Seite für die Benutzerregistrierung nennen.

Um die Shortcode-Option zu nutzen, füge den folgenden Shortcode irgendwo auf der Seite ein:

[gravityform id="#" title="true" description="true]

Ersetze das #-Zeichen durch die ID-Nummer deines Registrierungsformulars.

Nachdem der Shortcode hinzugefügt und die Seite gespeichert wurde, kannst du im Frontend deiner veröffentlichten Seite das Formular in Aktion sehen.

Eine weitere Option, die du in Betracht ziehen kannst, ist das WordPress Gutenberg Block System. Wenn du Gutenberg verwendest, klicke auf die Schaltfläche Block hinzufügen in deinem Seiteneditor.

Suche entweder nach dem Gravity Forms-Block oder scrolle durch die Liste, um ihn zu finden.

Wähle den Gravity Forms-Block aus. Er ist mit „Form“ beschriftet und hat das Gravity Forms Logo als Icon.

Sobald der Block aktiviert ist, klicke auf das Dropdown-Menü, um ein Formular auszuwählen.

Es kann sein, dass du eine lange Liste von Formularen hast, oder dass du nur ein oder zwei hast. Finde dasjenige, das du zuvor für das Benutzerregistrierungsformular erstellt hast.

In diesem Fall haben wir das Formular User Registration Form 1 genannt.

Wenn du ein Formular aus dem Dropdown-Menü auswählst, wird sofort eine visuelle Ansicht des Formulars in deinem Seiteneditor angezeigt.

Wie du sehen kannst, wird das Benutzerregistrierungsformular, das wir zuvor erstellt haben, im Backend der WordPress-Seite angezeigt. Wenn du etwas siehst, das mit dem Formular nicht in Ordnung ist, gehe zurück in den Bereich Formulare, um die Felder dort zu bearbeiten.

Zum Schluss gehst du zum Frontend deiner Webseite, um diese spezielle Seite zu sehen. Das Anmeldeformular wird mit allen entsprechenden Feldern angezeigt. Nicht nur das, wir haben dieses Formular bereits als Weiterleitung von der Standard-WordPress-Login-Seite eingestellt – und jede Formularübermittlung wird zu einem neuen WordPress-Benutzer.

Überprüfe an dieser Stelle das Formular auf Richtigkeit und dass deine Bezeichnungen richtig geschrieben sind. Außerdem füllst du das Formular als Testbenutzer aus, um zu sehen, ob es funktioniert und wie der Prozess abläuft.

Nachdem du das Formular abgeschickt hast, gehst du in deinem WordPress Dashboard in den Bereich Benutzer, um zu überprüfen, ob dieser Benutzer korrekt zur Benutzerdatenbank hinzugefügt wurde.

Du kannst den Test auch aus anderen Gründen durchführen, z.B. um zu sehen, ob deine optionalen Bestätigungsnachrichten ankommen oder ob das Formular jemanden von der Registrierung abhält, wenn er eine deiner Bedingungen nicht erfüllt.

Als letzte Erinnerung: Gehe zu Formulare > Einstellungen, um sicherzustellen, dass du die richtige Seite für deinen benutzerdefinierten Registrierungsbereich konfiguriert hast.

Kurz gesagt, alles was du tun musst, ist das benutzerdefinierte Registrierungsformular zu aktivieren, indem du das Kästchen anklickst und die richtige Registrierungsseite aus dem Dropdown-Menü auswählst. Für dieses Beispiel ist die Seite Benutzerregistrierung die richtige.

Klicke auf die Schaltfläche Einstellungen aktualisieren, um den Vorgang abzuschließen.

Wie man ein WordPress Registrierungsformular mit einem Payment Plugin installiert

Gravity Forms hat eine Vielzahl von möglichen Add-ons, um unglaublich einzigartige Formulare zu erstellen. Einer der Gründe, warum du Gravity Forms in Betracht ziehen solltest, sind die Zahlungs-Add-ons.

Insgesamt verwandelt ein Zahlungs-Add-on dein Formular in einen Zahlungsprozessor, der es Menschen nur erlaubt, Benutzerkonten zu erstellen, wenn sie ein Abonnement oder eine einmalige Gebühr bezahlen.

Dies ist besonders praktisch für Mitgliedschaftsseiten und solche mit exklusiven Inhalten, bei denen du den Inhalt, die Community oder die gesamte Webseite erst dann freigibst, wenn der Nutzer die Zahlung direkt im Formular vornimmt.

Falls du für deine Registrierung ein Zahlungsmodul benötigst, bietet Gravity Forms verschiedene Add-ons für die Zahlungsabwicklung. Du musst einfach das auswählen, das für deine Marke am bequemsten und günstigsten ist.

Es ist auch erwähnenswert, dass Add-ons für PayPal, Stripe und Square mit dem $159 Pro Plan von Gravity Forms kommen. Fortgeschrittenere Zahlungssysteme wie 2Checkout und Authorize.net sind im $259 Elite Gravity Forms Plan enthalten. Das Add-on für die Benutzerregistrierung (siehe weiter oben im Artikel) erfordert das Elite-Theme, sodass du technisch gesehen bereits Zugriff auf alle Add-ons hast, wenn du dich für Gravity Forms als Modul für die Benutzerregistrierung entschieden hast.

Um loszulegen, gehe in dein WordPress Dashboard und klicke auf Formulare > Add-ons.

Hier siehst du eine lange Liste von Add-ons, aus der du wählen kannst, darunter Square, PayPal und Stripe.

Obwohl du jedes der Zahlungssysteme auswählen kannst, bleiben wir für dieses Tutorial bei PayPal Payments Standard.

Gehe zum Add-on und klicke auf den Button Aktivieren.

Sobald ein Add-on aktiviert ist, wird es in deinem Plugin-Bereich von WordPress angezeigt.

Alle Gravity Forms Add-ons sind eigentlich nur zusätzliche WordPress Plugins, die mit dem Gravity Forms Plugin interagieren. Daher solltest du im Bereich Plugins nachsehen, ob der PayPal Standard – oder das Zahlungs-Add-on deiner Wahl – aktiviert ist.

Um dein Zahlungs-Add-on zu konfigurieren, gehe zu Formulare > Einstellungen.

Wähle den Reiter PayPal (oder dein anderes Zahlungs-Add-on). Jedes Zahlungs-Add-on hat seinen eigenen Verifizierungs- und Verbindungsprozess. In der Regel kannst du durch die einzelnen Schritte auf dem Dashboard gehen.

Für PayPal musst du bestätigen, dass du die PayPal IPN Einstellungen konfiguriert hast. Aktiviere das Kästchen und klicke auf Einstellungen aktualisieren.

Du solltest auch die bereitgestellte Benachrichtigungs-URL auf dieser Seite kopieren.

Gravity Forms leitet dich auf die PayPal-Konfigurationsseite weiter. Auch hier wird es anders aussehen, wenn du ein Add-on für Stripe oder Square oder ein anderes Zahlungssystem verwendest.

Bei PayPal klickst du auf die Schaltfläche IPN-Einstellungen auswählen.

Hier fügst du die Benachrichtigungs-URL von vorher ein.

Es aktiviert im Wesentlichen die richtigen Schritte und Benachrichtigungen, nachdem jemand versucht hat, sich in deinem Formular zu registrieren und mit PayPal zu bezahlen.

Klicke auf die Schaltfläche Speichern.

Genau wie das zuvor konfigurierte Anmeldeformular muss auch für das Zahlungs-Add-on ein Feed erstellt werden.

Dazu gehst du im WordPress Menü auf Formulare > Formulare.

Finde das Registrierungsformular von vorhin. Du musst nicht nur das Zahlungs-Add-on mit diesem Formular verbinden, sondern auch einen Feed generieren, damit das Zahlungs-Add-on richtig funktioniert und jede Zahlung mit einem bestimmten Nutzer verknüpft wird.

Sobald du wieder im Editor deines Registrierungsformulars bist, klicke auf den Button Einstellungen.

Suche den Reiter für das Zahlungs-Add-on, in diesem Fall den Reiter PayPal.

Klicke auf die Schaltfläche Neu hinzufügen, um einen neuen PayPal-Feed für dieses Formular zu erstellen.

Die Feed-Einstellungen für PayPal und die meisten Zahlungssystem-Integrationen sind schnell und unkompliziert. Beginne damit, dem Feed einen Namen zu geben und deine PayPal-E-Mail-Adresse hinzuzufügen. Wähle den Test- oder Produktionsmodus.

Der Testmodus ist dafür gedacht, den Zahlungsprozessor während der Testphase deiner Webseite zu nutzen. Wenn du damit beginnen möchtest, echte Zahlungen zu sammeln, wähle den Produktionsmodus.

Schließlich musst du noch einen Transaktionstyp auswählen.

In der Regel ist die Transaktionsart Abonnement am sinnvollsten für ein Online-Magazin oder eine Community, aber du kannst auch eine Produktart oder etwas anderes wählen.

Speichere deinen PayPal-Feed und gehe zurück zum Formular-Builder.

Es ist wichtig, dass du ein Feld in das Anmeldeformular einfügst, das dem System und dem Benutzer anzeigt, dass die Zahlung erfolgen muss.

Wir empfehlen das Produktmodul, aber du hast auch einige andere Optionen, um Preise zu setzen oder Summen zu berechnen.

Ziehe das Produkt-Feld in deinen Form Builder.

In diesem Tutorial legen wir einen Abo-Preis fest. Wir zeigen dir auch, wie du mehrere Pläne und eine einmalige Zahlung für das Abonnement konfigurieren kannst.

Ändere die Feldbeschriftung, um zu zeigen, worum es in diesem Feld geht.

Lege auch den Preis für dein Abonnement im Feld Preis fest.

In der Regel empfehlen wir, den Feldtyp Einzelprodukt zu verwenden und einen festen Preis festzulegen. Viele andere Organisationen können jedoch andere Pläne haben.

Wir empfehlen außerdem, das Kästchen Erforderlich unter der Überschrift Regeln zu deaktivieren. Auf diese Weise kann niemand auf deine Webseite kommen und ein Benutzerprofil erstellen, ohne für den Inhalt zu bezahlen.

Ein weiteres Feld, das du in Betracht ziehen solltest, ist das Optionsmodul.

Dieses eröffnet dir die Möglichkeit, Abo-Stufen festzulegen, in denen du drei oder vier Pläne basierend auf der Anzahl der gelieferten Funktionen oder Inhalte haben kannst.

Für diejenigen, die das Option-Feld verwenden, stelle es auf Abo-Preis für die Produktfeldzuordnung.

Nimm den Feldtyp, den du willst, und lege die Auswahlmöglichkeiten mit ihren Bezeichnungen und Preisen fest.

Du könntest zum Beispiel drei Abo-Stufen haben, die alle einen höheren Preis haben, je höher die Stufe ist.

Achte darauf, dass du das Kästchen Erforderlich unter Regeln abhakst, da dies auch ein Zahlungsfeld ist, wo du nicht willst, dass Leute ein Konto erstellen, ohne zu bezahlen.

Die Art des Zahlungsmoduls, für das du dich entscheidest, beeinflusst auch die Feed-Einstellungen, die wir zuvor konfiguriert haben.

Wenn du einen abonnementbasierten Registrierungsprozess aktivieren möchtest, sollten deine PayPal Feed Einstellungen auch den Transaktions-Typ Abonnement haben. Alternativ kannst du den Transaktions-Typ auch auf ein einmaliges Produkt oder eine Dienstleistung oder sogar eine Spende einstellen.

In den Einstellungen für den PayPal-Feed musst du Gravity Forms mitteilen, woher der Zahlungsbetrag im Formular kommt. Du könntest z.B. ein Feld für den Gesamtpreis im Formular haben und ein Feld für den Abonnementpreis. Welches Feld soll PayPal verwenden, um die Transaktion zu verarbeiten?

Verwende das Dropdownfeld Zahlungsbetrag, um das richtige Formularfeld auszuwählen, das die Gesamtzahlung vorgibt. Manche Leute mögen es, einfach den Gesamtbetrag des Formulars zu verwenden, aber du könntest auch den Abonnementpreis oder das Feld, das du gerade im Formular implementiert hast, verwenden.

Während du noch in den PayPal Feed Einstellungen bist, wirf einen Blick auf den Bereich Andere Einstellungen.

Ähnlich wie bei der Konfiguration des User Registration Feeds, musst du die Formularfelder mit den richtigen Feldern für PayPal verknüpfen. Auf diese Weise weiß PayPal, wo der Vorname, die E-Mail und andere Informationen des Nutzers zu platzieren sind, wenn sie in die PayPal-Schnittstelle übertragen werden.

Gehe im Bereich Andere Einstellungen alle Punkte in der Liste Rechnungsinformationen durch. Einige davon sollten standardmäßig eingestellt sein, aber überprüfe sie noch einmal.

Zum Beispiel sollten die Felder Vorname und Nachname in deinem Formular mit den Feldern Vorname und Nachname in PayPal übereinstimmen. Dies kann dazu führen, dass du ein paar weitere Felder in dein WordPress Registrierungsformular einfügen musst. Wir haben zum Beispiel kein Adressfeld in unser Registrierungsformular eingefügt, aber es würde den Prozess beschleunigen, wenn du alle Rechnungsinformationen im Voraus im Formular abfragst.

Diese sind nicht unbedingt notwendig, aber wie bereits erwähnt, können sie den Registrierungs- und Zahlungsprozess beschleunigen. Alle Zahlungs-Add-ons sind unterschiedlich und die PayPal-Verbindung wird einfach die Rechnungsinformationen vom PayPal-Konto des Nutzers ziehen oder nach diesen Details fragen, wenn sie zu PayPal gelangen.

Einige andere Einstellungen, an die du denken solltest, sind die Bild-URL und die Abbruch-URL. Du kannst eine Bild-URL für dein Logo oder ein beliebiges Bild einfügen, das das zu verkaufende Produkt repräsentiert. Die Abbruch-URL dient als Weiterleitung, die den Nutzer zu einer bestimmten Seite schickt, falls er die Zahlung vor Abschluss des Prozesses abbrechen möchte.

Im Bereich Optionen kannst du festlegen, ob du die Nutzer auffordern möchtest, während des Bezahlvorgangs eine Versandadresse oder eine Notiz anzugeben. Für viele Online-Dienste oder Communities ist es nicht nötig, nach einer Lieferadresse zu fragen. Daher solltest du dieses Kästchen ankreuzen, um sicherzustellen, dass ein Kunde nicht verwirrt wird.

Die Einstellung für die Notiz ist optional und normalerweise nicht notwendig, es sei denn, du bietest eine spezielle Dienstleistung oder ein Produkt an, bei dem du nach der Zahlung ein Feedback oder Details vom Nutzer haben möchtest.

Die Checkbox Bedingte Logik fordert dich auf, logische Regeln für die Annahme von Zahlungen von Kunden hinzuzufügen. Zum Beispiel könntest du Nutzer vom Zahlungsprozess ausschließen, wenn sie sich nicht für einen bestimmten Zahlungsplan entscheiden oder wenn ihre E-Mail-Adresse nicht echt aussieht.

Insgesamt kann die bedingte Logik dabei helfen, Spam zu verhindern und Nutzern, die sich in einem bestimmten Nutzertyp oder einer bestimmten Zahlungsstufe befinden, Vorteile zu bieten.

Die letzte Einstellung, die du vornehmen kannst, ist die Verzögerung der Benutzerregistrierung. Wie bei vielen der oben beschriebenen Einstellungen, ist dies optional. Es ist jedoch keine schlechte Idee, den Feed erst nach Zahlungseingang zu bearbeiten. Auf diese Weise wird ein Benutzer erst dann in deiner WordPress Datenbank angelegt, wenn du sicher weißt, dass die Zahlung abgelehnt wurde.

Wenn du dieses Feld leer lässt, kann es sein, dass mehrere Nutzer deine Datenbank verstopfen, obwohl sie nicht bezahlt haben, um Zugang zu erhalten.

Klicke auf den Button Einstellungen aktualisieren, sobald du alle richtigen Einstellungen für deine Organisation vorgenommen hast.

Um die Zahlungskonfiguration deines Formulars zu testen, gehe in WordPress auf den Reiter Seiten.

Klicke zurück zu dem Formular, das du zuvor erstellt hast. In unserem Fall ist das das Benutzerregistrierungsformular.

Da du bereits ein Anmeldeformular auf dieser Seite erstellt und den PayPal- oder Zahlungssystem-Feed mit dem Formular verknüpft hast, sollten die Zahlungsfelder im Visual Builder erscheinen.

Wir haben sowohl einen einmaligen Abo-Preis als auch ein Feld mit verschiedenen Abo-Stufen, um die verschiedenen Optionen zu zeigen, die du in ein Formular wie dieses einbauen kannst. In einer realen Situation würdest du wahrscheinlich das eine oder das andere wählen.

Es ist essentiell, ein Formular mit einer Zahlungsoption zu testen. Das Letzte, was du willst, ist, dass eine Welle von Kunden wegen einer falsch konfigurierten Zahlungseinstellung stecken bleibt.

Fülle einige Testbenutzerinformationen auf dem Formular aus, wie z.B. ein Passwort, und wähle vielleicht ein Abo-Level oder kaufe ein individuelles, einmaliges Zahlungsabo.

Klicke auf die Schaltfläche Absenden, um das WordPress Registrierungsformular und die Zahlungsabwicklung in Aktion zu sehen.

Nach dem Absenden wird die Seite zu PayPal weitergeleitet, zeigt den Gesamtpreis an und fordert den Nutzer auf, sich entweder in sein PayPal-Konto einzuloggen oder mit einer Debit- oder Kreditkarte zu bezahlen.

Denke daran, dass ein alternatives Zahlungs-Add-on wie Stripe oder Square oder Authorize.net anders aussieht als PayPal, wenn es um die Verarbeitung der Zahlung geht. Jedes von ihnen wird den Nutzer auf eine neue Seite bringen, um die Zahlung abzuschließen, aber sie haben alle leicht unterschiedliche Schritte.

Wie man Benutzer über ein WordPress Registrierungsformular zu einer E-Mail Marketing Liste hinzufügt

Wenn ein neuer Nutzer auf deine Webseite kommt, macht es Sinn, ihn als registrierten Nutzer zu gewinnen. Das Registrierungsformular bietet dem Nutzer nicht nur Zugang zu Funktionen oder Inhalten, sondern auch die Möglichkeit, die Daten des Nutzers sofort in deine E-Mail-Marketingliste aufzunehmen.

Der Vorteil dabei liegt in der Automatisierung. Ja, ein WordPress Registrierungsformular protokolliert die E-Mail und den Namen der Person in WordPress, aber der Prozess, diese Daten in eine seriöse E-Mail Marketing Software zu bekommen, erfordert einen manuellen Export aus WordPress und einen Import in das E-Mail Marketing Tool.

In der Theorie ist daran nichts auszusetzen. Importe und Exporte erledigen den Job. Dennoch kostet es dich eine Menge Zeit, diese Aufgabe regelmäßig zu erledigen. Außerdem wird deine E-Mail-Marketingliste nicht in Echtzeit aktualisiert. Es kann sein, dass ein Nutzer seine E-Mail angibt und für Tage, Wochen oder sogar für unbestimmte Zeit in deiner Nutzerdatenbank landet.

Deshalb ist es wichtig, dass du ein Tool für E-Mail-Marketing und Design mit deinem Anmeldeformular verknüpfst.

Es gibt eine ganze Reihe von E-Mail-Newsletter-Buildern, mit denen du Batch-Nachrichten verschicken und deine E-Mail-Listen in verschiedene Gruppen kategorisieren kannst. Die populäreren bieten Integrationen mit vielen Plugins für die Benutzerregistrierung an, so dass du die beiden Plattformen im E-Mail-Sammelsystem kombinieren kannst.

Du hast vielleicht schon von Unternehmen wie Mailchimp, Constant Contact und Mailgun gehört. Alle diese bieten ähnliche E-Mail-Design- und Segmentierungsfunktionen und du kannst in der Regel eine einfache Integration finden, die das erreicht, worüber wir sprechen.

Glücklicherweise bietet eine andere Kategorie von Add-ons innerhalb von Gravity Forms direkte Links zu E-Mail-Marketing-Plattformen. Wie bei den meisten Add-Ons von Gravity Forms ist auch für die E-Mail-Marketing-Lösungen ein Premium-Abo erforderlich.

Die Liste der E-Mail-Marketing-Add-ons von Gravity Forms ist lang.

Sie funktionieren alle ähnlich, haben aber alle ihre eigenen Schnittstellen für den Versand von E-Mails und die Integration mit Gravity Forms.

Der Einfachheit halber nehmen wir das Mailchimp Add-on als Beispiel, da es eine sehr beliebte und erschwingliche E-Mail-Marketing-App ist.

Bist du bereit?

Dann navigiere zum Abschnitt Add-ons im Gravity Forms WordPress Plugin.

Scrolle durch die Liste der Add-ons nach unten, um die Mailchimp Option zu finden. Wenn es nicht bereits aktiviert ist, klicke auf die Schaltfläche Aktivieren.

Wir gehen davon aus, dass du bereits ein Anmeldeformular erstellt hast (siehe oben für die Schritte, um das zu tun).

Gehe zu Formulare > Formulare im WordPress Menü.

Finde das Benutzerregistrierungsformular, das du zuvor erstellt hast, in deiner Liste der veröffentlichten Formulare.

Klicke auf das Formular, um die Felder zu bearbeiten.

Gehe zu Einstellungen > Mailchimp. Wenn du eine alternative Mailingdienst-Integration verwendest, suche den Reiter für diesen.

Das Ziel ist es, einen Mailchimp Feed zu erstellen, der Gravity Forms anweist, die Beiträge zusätzlich zur WordPress Benutzerdatenbank an Mailchimp zu senden. Aber zuerst musst du die Mailchimp-Einstellungen konfigurieren.

Klicke auf den Link Mailchimp Einstellungen.

Die nächste Seite fordert dich auf, den Mailchimp API-Schlüssel einzufügen. Um deinen API-Schlüssel zu finden, gehe zum nächsten Schritt.

Gehe auf die Webseite von Mailchimp und erstelle entweder ein Konto oder logge dich in dein bereits erstelltes Profil ein.

Das Mailchimp Dashboard organisiert die Kampagnen, Listen und andere Elemente im Menü. Du solltest eine E-Mail-Liste erstellen (in Mailchimp auch Audience genannt), bevor du diese Integration mit dem API-Schlüssel einrichtest. Der Grund dafür ist, dass du später eine E-Mail-Liste auswählen musst, um die Registrierungsinformationen der Nutzer zu versenden.

Sobald du eine Liste erstellt hast, findest du das Profil-Symbol unten auf dem Mailchimp Dashboard.

Klicke darauf, um ein Menü zu öffnen.

Wähle den Reiter Account, um fortzufahren.

Sobald du im Account Panel bist, klicke auf den Reiter Extras. Du solltest ein paar Elemente sehen, aus denen du wählen kannst. Klicke auf die Option API-Schlüssel.

Ein API-Schlüssel ist ein Code, der die Möglichkeit bietet, mehrere Systeme miteinander zu verknüpfen. In Mailchimp musst du nur auf die Schaltfläche Create A Key klicken, um einen Schlüssel zu erstellen.

Du kannst so viele Schlüssel erstellen, wie du willst, aber es ist eine gute Praxis, sie auf ein Minimum zu beschränken. Der API-Schlüssel wird in einer Liste mit einem Label und dem Zeitpunkt seiner Erstellung angezeigt.

Kopiere den API-Schlüssel in deine Zwischenablage. Du kannst das Mailchimp Dashboard jederzeit verlassen.

 

Öffne erneut die Mailchimp-Einstellungen in deinem WordPress Dashboard. Füge den Schlüssel in das Feld ein, das Mailchimp API Key lautet.

Klicke auf den Button Einstellungen aktualisieren, um die Änderung zu registrieren.

Jetzt ist es an der Zeit, zurück zum Benutzerregistrierungsformular von vorher zu gehen.

Gehe zu Einstellungen > MailChimp unter dem Menü des Registrierungsformulars.

Dies ist der Bereich, der dich auffordert, einen Mailchimp-Feed zu erstellen. So stellt Gravity Forms sicher, dass die Daten von einer App zur anderen weitergegeben werden.

Klicke auf die Schaltfläche Neu hinzufügen.

Gib dem Futter einen Namen, den du dir merken kannst. Dieser Name ist nur für deine eigene Referenz.

Unter dem Feld Mailchimp Audience klickst du auf das Dropdown-Menü, um den Namen einer deiner Mailchimp-E-Mail-Listen auszuwählen.

Wenn du noch keine E-Mail-Publikumsliste erstellt hast, musst du zurück zu Mailchimp gehen, um diesen Prozess abzuschließen. Andernfalls gibt es keine Datenbank, in der du deine E-Mail-Adressen erfassen kannst.

Es erscheint ein Bereich für Map Fields und fordert dich auf, die Formularfelder aus dem Plugin für die Benutzerregistrierung mit den Formularen zu verknüpfen, die in Mailchimp ausgefüllt werden müssen.

Das ist ziemlich einfach, wenn man bedenkt, dass du E-Mail für das Feld E-Mail-Adresse auswählst und die Formularfelder Vor- und Nachname für die Mailchimp-Felder Vor- und Nachname.

Gehe runter zu den zusätzlichen Optionen.

Diese sind völlig optional und hängen davon ab, wie du den Prozess der E-Mail-Sammlung gestalten möchtest.

Du kannst zum Beispiel ein Double-Opt-In aktivieren, bei dem der Nutzer auf eine Bestätigungs-E-Mail klicken muss, bevor er in deine Liste aufgenommen wird. Dies dient sowohl der Sicherheit als auch der Tatsache, dass es in einigen Regionen der Welt erforderlich ist.

Andere Einstellungen beinhalten die Option, Abonnenten als VIPs anzumelden, Tags zu setzen und eine Notiz zu schreiben. Das Notizfeld könnte dabei helfen, zu organisieren, woher die E-Mail-Abonnements im Vergleich zu anderen Formularen kommen, die du vielleicht hast.

Sobald das alles erledigt ist, klicke auf den Button Einstellungen aktualisieren.

Wenn du die Integration der Kartenfelder (oder anderer E-Mail-Marketing-Add-ons) im Frontend deiner Webseite testest, wirst du feststellen, dass sich optisch nicht viel verändert hat. Du kannst jedoch noch einmal einen Test durchführen, indem du das Registrierungsformular ausfüllst und schaust, ob es funktioniert.

Mit dieser Konfiguration solltest du in der Lage sein, nach dem Ausfüllen des Testformulars zu den Kartenfeldern zu gehen und einen brandneuen Benutzer zu sehen, der sich für deine E-Mail-Liste angemeldet hat.

Die Standardfelder, die du protokollieren kannst, sind Name und E-Mail, aber du kannst kreativ werden und noch mehr als das mit Hilfe der Kartenfelder und Gravity Forms Funktionen speichern.

Wie man Benutzer sich auf deiner Webseite mit einem sozialen Profil anmelden lässt

Das Social Profile Login hat sich im Internet immer mehr durchgesetzt, weil es schnell geht und man nicht für jede Webseite, der man beitreten möchte, einen komplett neuen Account erstellen muss.

Eine Community oder eine Webseite mit Mitgliedschaft, die jeden Vorteil braucht, um Nutzer zu überzeugen, sich anzumelden, könnte definitiv von einem Social Login profitieren, da es von Anfang an einige Eintrittsbarrieren beseitigt.

Das User Registration Plugin von WPEverest ist das ideale Plugin, um deine Anmeldeseite anzupassen und eine Social Login Option einzubauen. Das Plugin ist kostenlos, aber für die Social Connect Erweiterung – die die Social Login Buttons hinzufügt – musst du einen $69 Jahresplan abschließen.

Wir zeigen dir im Folgenden, wie du das Plugin installierst und verwendest, aber denke daran, dass es auch andere ähnliche Plugins gibt, die du in Betracht ziehen kannst.

Um loszulegen, installiere und aktiviere das User Registration Plugin und upgrade auf den Personal Plan, um die Social Connect Erweiterung zu erhalten.

Aktiviere in deinem WordPress Dashboard auch die Social Connect Erweiterung. Sowohl die Benutzerregistrierung als auch Social Connect werden im Plugins-Bereich von WordPress angezeigt.

Aktiviere nun das Plugin User Registration Social Connect.

Gehe nun zu User Registration > User Registration. Das Plugin hat ein paar Templates, um dein Registrierungsformular zu starten. Wenn du lieber von Grund auf neu beginnen möchtest, klicke auf die Schaltfläche Neu hinzufügen.

Sobald du zum Formular-Editor gelangst, nutze den Bereich Benutzerfelder, um Module per Drag-and-Drop in dein Formular zu ziehen.

Das Standard-Registrierungsformular des Plugins enthält die Felder für die Benutzer-E-Mail, den Benutzernamen und das Passwort.

Wir empfehlen dir, dies zu imitieren, wenn du ein Formular von Grund auf neu erstellst. Du kannst auch andere Module einbinden, indem du sie im Feld Benutzerfeld auswählst.

Jedes Feld hat seine eigenen Optionen, die du bearbeiten kannst, wenn du auf das jeweilige Feld klickst.

Der wichtigste Teil der Aktivierung des Formulars für die Benutzerregistrierung befindet sich jedoch unter dem Reiter Form Setting.

Hier nimmst du eine Vielzahl von Einstellungen vor, um WordPress mitzuteilen, dass du möchtest, dass dieses Formular als Ersteller eines neuen Benutzers funktioniert. Du kannst zum Beispiel einstellen, welche Benutzerrolle erstellt wird und dass sich jeder Benutzer nach der Registrierung entweder manuell oder automatisch anmelden soll.

Sobald alle gewünschten Felder implementiert sind, ist es an der Zeit, das Benutzerregistrierungsformular auf einer Seite zu platzieren.

Das User Registration Plugin nutzt Shortcodes, um Formulare auf Seiten und Beiträgen zu platzieren. Du findest sie oberhalb deines Form Builders.

Kopiere diesen Code in deine Zwischenablage.

Gehe zu Seiten > Neu hinzufügen.

Wenn du bereits eine fertige Registrierungsseite hast, navigiere stattdessen zu dieser Seite.

Im Page Builder Bereich fügst du den Shortcode dort ein, wo er auf der Seite angezeigt werden soll.

Achte darauf, dass du die Seite speicherst oder aktualisierst, damit sie im Frontend angezeigt wird. Wie immer ist es besser, das WordPress Registrierungsformular zu testen und zu sehen, ob es funktioniert.

Es kann sein, dass du dich aus deinem Admin-Konto ausloggen musst, um das Formular als normaler Benutzer zu sehen.

Der Sinn dieses Abschnitts ist es, dir zu zeigen, wie du Social Media Login Buttons einfügen kannst. Die nächsten paar Schritte decken das also ab.

Klicke auf Benutzerregistrierung > Einstellungen.

Wir gehen davon aus, dass die Social Connect Erweiterung in deinem WordPress Dashboard bereits aktiviert ist.

Daher solltest du einen Social Connect Reiter in den Einstellungen finden. Klicke darauf.

In den Social Connect-Einstellungen musst du einige Kästchen ankreuzen und die API-Einstellungen für jedes soziale Netzwerk aktivieren, mit dem du den Leuten erlauben willst, sich anzumelden und zu registrieren.

Wenn du einen Facebook-Button haben möchtest, aktiviere dieses Kästchen. Das Gleiche gilt für Twitter.

Dasselbe gilt für Google und LinkedIn.

Hier kommt der etwas verwirrende Teil.

Jeder soziale Login Button funktioniert durch eine Verbindung zur API des sozialen Netzwerks. Der einzige Weg, sich mit der API zu verbinden, ist, eine App zu erstellen und Elemente wie Social App IDs, Keys und Secrets zu verwenden.

Es spielt keine Rolle, wenn du keine Ahnung hast, was diese bedeuten. Für jeden gewünschten sozialen Button scrollst du über das Fragezeichen neben dem jeweiligen Einstellungsfeld. Für dieses Tutorial werden wir nur die Facebook App ID und den Secret finden.

Das Fragezeichen zeigt ein Popup mit einem Link zu Facebook. Klicke darauf.

Dies leitet dich zur Facebook-Apps-Seite weiter, wo du eine App erstellen kannst, um dein WordPress-Registrierungsformular mit Social-Media-Verbindungen auszuführen.

Klicke auf die Schaltfläche App erstellen.

Gehe durch die Schritte zur Erstellung einer App auf Facebook, einschließlich der Benennung der App und der Einstellung aller benötigten App Domains.

Sobald die App konfiguriert ist, gehe auf die Seite Einstellungen > Basis.

Hier kannst du die App ID und das App Secret finden.

Klicke auf die Schaltfläche Zeigen, um das App Secret anzuzeigen und zu kopieren. Du wirst auch die App ID kopieren wollen.

Gehe zurück zu den API-Einstellungen im WordPress Dashboard.

Füge die App ID in das entsprechende Feld ein. Füge auch das App Secret in das entsprechende Feld ein.

Speichere die Einstellungen, um fortzufahren.

Es gibt ein paar verbleibende Schritte, um die sozialen Buttons nicht nur zu aktivieren, sondern auch um ihr Aussehen im Formular anzupassen.

Klicke auf den Reiter Erweiterte Einstellungen, neben dem Reiter API-Einstellungen, in dem du gerade warst.

Die erweiterten Einstellungen enthalten eine große Auswahl an Optionen, die du abhaken kannst.

Als erstes musst du angeben, dass du die soziale Registrierung aktivieren möchtest.

Als nächstes sagst du dem Plugin, dass du soziale Buttons für die Registrierung anzeigen möchtest.

Klicke auf das folgende Feld Standard-Benutzerrolle, um eine primäre Benutzerrolle auszuwählen, die immer dann erstellt wird, wenn sich jemand mit einem sozialen Profil auf deiner Webseite registriert. Abonnent ist der Standard für diese Situation.

Klicke auf das nächste Dropdown-Feld, um das Formular auszuwählen, das du für deine Benutzerregistrierung verwendest. Wir haben es bereits erstellt, also stelle sicher, dass du das richtige auswählst. In diesem Tutorial heißt es Registrierungsformular, aber vielleicht hast du es auch anders genannt.

Zum Schluss gehst du zu den anderen Einstellungen, um das Erscheinungsbild der Buttons anzupassen. Eine dieser Einstellungen ist die Anzeige der Buttons am oberen oder unteren Rand des Formulars.

Die Social Login Templates bieten eine schnelle Möglichkeit, deine Buttons ohne Code oder visuelle Anpassungen zu stylen.

Wähle einen der vier Stile.

Die Einstellungen für den sozialen Text geben den Wortlaut an, der auf den sozialen Buttons angezeigt wird. Normalerweise kannst du den Standardtext beibehalten, aber du kannst es auch ändern, wenn du willst.

Zum Schluss klickst du auf den Button Änderungen speichern.

Du kannst eine Vorschau des WordPress-Registrierungsformulars von deinem Formular-Builder aus anzeigen oder direkt auf die Registrierungsseite gehen, die du zuvor erstellt hast. So oder so kannst du dir das Formular mit seinen Social Media Buttons ansehen.

Um eine Social Login Option zu entfernen oder die Einstellungen zu ändern, gehe einfach zurück zu den Einstellungen, die wir gerade durchlaufen haben.

Wir empfehlen dir, alle Social Login Buttons, die du in deinem Registrierungsformular anbietest, zu testen, da jedes soziale Netzwerk seine eigene API-Verbindung hat und du zumindest sicherstellen möchtest, dass die Apps und App Keys für alle Nutzer funktionieren.

Wie man ein WordPress Registrierungsformular mit reichhaltigen Mitgliedschaftsprofilen erstellt

Die Änderung der Standard-WordPress-Benutzerregistrierung kann mit den meisten Plugins, die wir in diesem Artikel behandeln, durchgeführt werden. Doch was ist, wenn deine Webseite eine echte Community ist? Sagen wir, deine Webseite ist ein soziales Netzwerk, eine Dating-Webseite oder ein interner Kunden-Hub.

Du brauchst funktionsreiche Profile für diese Nutzer, damit sie ihre Informationen anpassen, möglicherweise Fotos hochladen und sogar mit anderen Nutzern kommunizieren können.

Die durchschnittlichen Plugins für die Benutzerregistrierung haben Profile, aber nichts allzu Mächtiges.

Deshalb wollen wir dir zeigen, wie du eine Benutzerregistrierung im Stil einer Mitgliedschaft aktivieren kannst, bei der der Benutzer ein schönes Profil erhält, das er selbst kontrollieren kann.

Um den Prozess zu beginnen, installiere und aktiviere das Ultimate Member Plugin. Dieses Plugin bietet dir kostenlos benutzerdefinierte Registrierungs- und Anmeldeformulare. Ganz zu schweigen davon, dass du leistungsstarke Benutzerprofile hinzufügen kannst, um einen hochwertigen Mitglieder- oder Profilbereich zu erstellen. Es gibt einige ähnliche Plugins mit dieser Funktionalität, aber wir werden uns in diesem Tutorial auf das Ultimate Member Plugin konzentrieren.

Das Ziel ist es, den Kundenbereich nützlicher zu gestalten, mit einem detaillierten Profil für die Nutzer, mit Buttons für Dinge wie Bewertungen, Kommentare, Gruppen und vieles mehr.

Das Tolle am Ultimate Member Plugin ist, dass der Großteil der Einstellungen bereits bei der Aktivierung des Plugins konfiguriert ist. Es erstellt auch Seiten für deine Profile, Registrierungsseiten und mehr.

Die Einstellungen des Plugins sind unter dem Reiter Ultimate Member im WordPress Dashboard zusammengefasst.

Klicke auf den Button Seiten erstellen, um fortzufahren.

Dadurch werden die richtigen Seiten aktiviert und du gelangst zum Einstellungsmodul des Ultimate Member Plugins.

Du kannst die Seiten, die als die entsprechenden Registrierungs- und Profilseiten fungieren, ändern, aber nur, wenn du deine eigenen anpassen möchtest.

Im Moment reichen die vorgefertigten Seiten, die das Plugin generiert, aus. Daher kannst du normalerweise alle Felder unter dem Reiter Allgemein > Seiten unangetastet lassen.

Der nächste Schritt ist das Anpassen des Aussehens der Profilseiten und der Registrierungsmodule. Wie bereits erwähnt, ist die Registrierungsseite bereits für dich konfiguriert, so dass es in diesem Bereich nicht viel zu vervollständigen gibt.

Jede Person, die auf die Registrierungsseite geht und ein Konto erstellt, wird ein WordPress Benutzerprofil haben.

Im Reiter Erscheinungsbild kannst du die Elemente anpassen, die du für wichtig hältst. Du kannst zum Beispiel ein anderes Template für das Formular wählen oder seine Breite verringern. Es gibt auch Felder zum Anpassen der Größen und Icons für Buttons und Textelemente.

Wenn du in den Einstellungen nach unten scrollst, fragt dich das Plugin, ob du ein Standard-Profil- und Cover-Foto in jedem Profil haben möchtest.

Du kannst auch die Standardgröße des Covers einstellen und ob du überhaupt ein Titelbild haben willst oder nicht.

Während du dich noch im Bereich Erscheinungsbild befindest, klicke auf den Link Profilmenü. Dieser Bereich zeigt die primären Komponenten an, die das Benutzerprofil ausmachen. Obwohl du die Freiheit hast, alles so zu lassen, wie es ist, gibt es einige Einstellungen, die du vielleicht ändern möchtest.

Ziehe in Erwägung, Dinge wie den About-Tab und das gesamte Profilmenü beizubehalten. Wir empfehlen, den Reiter Beiträge zu behalten, wenn deine Mitglieder zu deinem Blog beitragen oder als Ersteller von Inhalten fungieren.

Der Reiter Kommentare ist sehr wichtig für Blogs und Communities, da die Leser und Mitglieder wahrscheinlich die Möglichkeit haben wollen, ihre Kommentare zu lesen.

Nachdem alle Profileinstellungen konfiguriert sind, klicke auf die Schaltfläche Änderungen speichern.

Ein paar andere Einstellungsfelder bieten Optionen für das Registrierungsformular, das Anmeldeformular und mehr. Stelle sicher, dass du die E-Mails anpasst, die für neue Registrierungen verschickt werden und ändere viele Teile deines WordPress Registrierungsformulars, einschließlich der Breite und Ausrichtung.

Obwohl wir nicht alle diese Einstellungen behandeln werden, ist es gut zu wissen, wo sie sich befinden, um sicherzustellen, dass alle Formulare für deine Marke geeignet sind.

Ein Registrierungsformular wird benötigt, um deinen Nutzern einen Ort zu geben, an dem sie ihre Benutzernamen erstellen und zu ihren Profilen gelangen können.

Um ein solches zu erstellen, gehe zu Ultimate Member > Formulare.

Auch hier bietet das Ultimate Member Plugin mehrere vorgefertigte Formulare, so dass dir die meiste Arbeit abgenommen wird.

Ein Standard-Registrierungsformular ist bereits fertig, genauso wie das Standard-Profilformular oder der Hub, in dem die Nutzer ihre Profile anpassen.

Außerdem erstellt das Plugin auch automatisch Seiten für dich.

Gehe auf Seiten > Alle Seiten, um Optionen wie die Konto- und die Anmeldeseite zu sehen. Die Register-Seite ist die Seite, auf der sich ein Nutzer registriert und in sein Konto einloggt, während die Konto-Seite das Standard-Profilformular enthält, auf dem er sein Profil verwaltet.

Alle passenden Shortcodes für die richtigen Formulare sind bereits in den entsprechenden Seiten eingefügt.

Du kannst sie ausprobieren, indem du dir die veröffentlichten Seitenversionen ansiehst. Klicke zum Beispiel auf die Seite Registrieren, um es in Aktion zu sehen.

Auf dem Frontend kann ein Besucher seinen Benutzernamen und seine E-Mail eingeben und ein Passwort erstellen.

Du solltest dir auch die Benutzerseite ansehen.

Die Benutzerseite ist das Profilmodul, über das wir schon gesprochen haben. Es ist der Dreh- und Angelpunkt für die Nutzer, um alles zu verwalten, von den Profilfotos bis hin zu potenziellen Gruppen und Freunden. Zu den Standardfunktionen gehören ein Titelbild, ein Profilfoto und eine Biografie.

Es braucht nur ein paar Klicks, um diese Elemente in die Profilseite einzubinden.

Jede Profilseite bietet zusätzliche Buttons zum Bearbeiten des Profils und zum Auschecken des Benutzerkontos.

Andere Tabs beinhalten einen Kommentar-Button und einen Posts-Button.

Wie wäre es mit erweiterten Profil-Tabs für Dinge wie private Nachrichten und Freunde?

Das Ultimate Member Plugin hat bereits eine ziemlich saubere und leistungsstarke Benutzerprofil-Funktion, aber es erlaubt dir, diese Funktionen mit Erweiterungen zu erweitern. Die meisten der profilorientierten Erweiterungen sind kostenpflichtig.

Um die Erweiterungen zu sehen und sie zu deiner Webseite hinzuzufügen, gehe zu Ultimate Member > Erweiterungen.

Es gibt eine lange Liste von möglichen Profilfunktionen, die du als Tabs in deine Nutzerprofile einbauen kannst.

Mit der Freunde-Erweiterung können deine Nutzer mit anderen Nutzern interagieren und sie als Freunde hinzufügen.

Das Notices Add-on pingt deine Nutzer an, wenn eine Nachricht eintrifft. Du kannst auch leistungsstarke Tools zur Profilverwaltung für private Nachrichten, Follower und Gruppen einbinden, um nur einige zu nennen. Jedes wird hinzugefügt, indem du eine Zahlung leistest und auf den Get This Add-on Button klickst.

Es hängt alles davon ab, welche Art von Profilfunktionen du anbieten möchtest. Eine Webseite für Mitglieder benötigt typischerweise einen Platz, um Gruppen zu erstellen. Ein soziales Netzwerk braucht Freundesgruppen und Messaging. Eine Webseite für einen Online-Kurs braucht vielleicht Bewertungen, Notizen und Nachrichten. Es gibt sogar einen Platz, um eine Jobliste zu konfigurieren, wenn du eine Jobbörse für deine Nutzer anbieten möchtest.

Das Beispiel unten ist ein Vorgeschmack auf das, was mit dem Ultimate Member Plugin möglich ist, besonders wenn du anfängst, die erweiterten Erweiterungen zu nutzen.

Zusammenfassung

Insgesamt bietet das WordPress Benutzerregistrierungsmodul das Potenzial, das jede Webseite benötigt, um Benutzer anzulegen und Daten von diesen Benutzern zu erhalten. Der durchschnittliche Blog oder die kleine Online-Community braucht vielleicht nur das Standard-WordPress-Registrierungsformular.

Wenn das der Fall ist, lass das Anmelde- und Registrierungsformular so wie es ist und ändere vielleicht die URL für eine bessere Sicherheit. Du kannst sogar dein eigenes Logo hinzufügen, um es so aussehen zu lassen, als würde deine Marke die Seite betreiben.

Plugins eröffnen dir die Möglichkeit, jeden Aspekt deines Anmeldeformulars anzupassen, besonders wenn es darum geht, einzigartige Felder hinzuzufügen und das Aussehen deines Formulars neu zu gestalten.

Es ist möglich, zusätzliche, fortgeschrittene Funktionen zu deinen Benutzerregistrierungsformularen hinzuzufügen. Einige der Optionen, die wir in diesem Artikel behandelt haben, beinhalten Formulare, die neue Nutzer in E-Mail-Marketinglisten aufnehmen. Du kannst auch in Erwägung ziehen, Zahlungen für exklusive Inhalte zu erheben oder wenn du eine Webseite für Mitglieder betreibst.

Es ist auch keine schlechte Idee, ein Social-Login-Formular anzubieten, um den Registrierungsprozess für Nutzer zu beschleunigen. Schließlich ist ein erweitertes Benutzerprofil eine großartige Möglichkeit, dein aktuelles Benutzerregistrierungsformular zu erweitern, so dass der Kunde die Möglichkeit bekommt, jeden Aspekt seines Benutzerprofils zu verwalten.

Wenn du Fragen zur Verwaltung oder Anpassung deines WordPress Registrierungsformulars hast oder andere Plugins oder Techniken zur Anpassung von Registrierungsformularen vorschlagen möchtest, lass es uns in den Kommentaren unten wissen.