So erstellen Sie benutzerdefinierte Benutzerregistrierungsformulare in WordPress

Die Registrierung eines Benutzers ist der Vorgang, bei dem ein Besucher ein Konto auf Ihrer Website erstellt. Die Gründe, warum Sie daran interessiert sein könnten, einen Benutzer zu registrieren, können vielfältig sein, darunter beispielsweise das Speichern der Daten Ihrer Stammkunden, der Beitritt als Mitglied eines Forums, die Teilnahme an einem Partner- oder Mitgliedschaftsprogramm oder die Registrierung als Mitarbeiter oder Autor Ihrer Website, unter anderem.

Standardmäßig können Sie mit WordPress einfach eine Benutzerregistrierung erstellen, indem Sie in Einstellungen » Allgemein angeben, dass sich jeder mit einem Standardprofil für neue Benutzer registrieren kann.

Somit zeigt https://my-website/wp-login.php?action=register durch Angabe der Registrierungs-URL die folgende Seite an, auf der sich ein Benutzer registrieren kann.

Das Problem mit der standardmäßigen WordPress-Benutzerregistrierung ist, dass Sie einerseits keine zusätzlichen Informationen über den Benutzer hinzufügen können und andererseits, dass das Erscheinungsbild der Seite wahrscheinlich wenig mit dem Aussehen Ihrer Website zu tun hat und fühlen.

Der einfachste Weg, beide Probleme zu lösen, besteht darin, ein benutzerdefiniertes Registrierungsformular in Ihrem WordPress zu erstellen, das alle erforderlichen Informationen enthält und darüber hinaus vollständig in den Stil des von Ihnen verwendeten Themas integriert ist. Hier sind die Schritte, die Sie befolgen müssen, um diese Art von Formularen mit dem Nelio Forms-Plugin zu erstellen. Sie werden sehen, wie einfach es ist!

Das Nelio Forms-Plugin

Nelio Forms ist ein Plugin zum Erstellen von Formularen, das sich mit allen damit verbundenen Vorteilen in den WordPress-Blockeditor integriert. Sie können die kostenlose Version direkt aus dem WordPress-Plugin-Verzeichnis herunterladen und alle gewünschten einfachen Formulare erstellen. Oder, wenn Sie sein ganzes Potenzial ausschöpfen möchten, können Sie die Premium-Version für 49 € erwerben und von Funktionen wie Spamschutz und Datenprotokollierung profitieren.

Erstellen Sie Ihr erstes Registrierungsformular

Nach der Installation über Ihr Dashboard ist das Erstellen eines Formulars so einfach wie das Erstellen eines Beitrags oder einer Seite. Klicken Sie im Seitenleistenmenü im Nelio Forms-Menü auf die Option „Neu hinzufügen“.

Sie werden zum Blockeditor weitergeleitet, wo Sie Ihr Registrierungsformular erstellen. Hier müssen Sie das Formular selbst definieren:

Wie Sie im obigen Bild sehen können, haben Sie eine Reihe von Blöcken, die Sie wie jeden anderen Block durch einfaches Klicken und Ziehen als Felder in das Formular einfügen können. Sie können angeben, ob die Felder erforderlich sind oder nicht, wenn Sie möchten, dass die Feldbezeichnung angezeigt wird, und gegebenenfalls einen Platzhalter hinzufügen. Außerdem können Sie Spalten und Text hinzufügen.

Erstellen Sie die Benutzerregistrierungsaktion des Formulars

Sie haben derzeit die folgenden Aktionen zum Senden von Formularen:

• Eintragserfassung,
• Email Benachrichtigung,
• Benutzerregistrierung und
• Inhaltserstellung.

Wenn Sie die Option Eintragsaufzeichnung aktivieren, werden die im Formular ausgefüllten Informationen in Ihrer WordPress-Datenbank gespeichert. Die E- Mail-Benachrichtigung sendet eine E-Mail mit den übermittelten Formularfeldern an die angegebene(n) E-Mail-Adresse(n). Und die vierte Option, Inhaltserstellung , wird verwendet, um einen Beitrag, eine Seite oder einen benutzerdefinierten Inhaltstyp mit den im Formular ausgefüllten Informationen zu erstellen.

Um einen Benutzer in Ihrer Datenbank zu registrieren, müssen Sie die Option Benutzerregistrierung im Nelio Forms-Plugin aktivieren . Es öffnet sich ein modales Fenster mit den Standardwerten, die aus dem Formular in Ihrer Datenbank gespeichert werden.

Überprüfen Sie jedes der Felder und ändern Sie den Wert von jedem von ihnen, wie Sie es für richtig halten. Klicken Sie dazu einfach auf das Beschriftungssymbol rechts neben dem Feld und Sie können jedes der Formularfelder auswählen, die in einer Übermittlung bereitgestellt werden.

Beispielsweise kann ich die E-Mail-Adresse des Benutzers auswählen und sie als „Benutzernamen“ des Benutzers verwenden, der erstellt wird, wenn das Formular gesendet wird.

In den erweiterten Einstellungsoptionen können Sie angeben, ob Sie möchten, dass sich der Benutzer nach Abschluss der Registrierung anmeldet. Sie können auch festlegen, ob ein zufälliges Passwort generiert werden soll oder wie in diesem Beispiel das Passwort, das der Benutzer beim Ausfüllen des Formulars eingegeben hat, als Registrierungspasswort verwendet werden soll.

Mit Nelio Forms können Sie im Benutzerregistrierungsformular auch den Wert der URL der Website angeben und über ein Dropdown-Menü die Benutzerrolle auswählen, mit der Sie sich registrieren möchten.

Schließlich können Sie im Formular die zusätzlichen Metafelder hinzufügen, die Sie vom Benutzer in der Datenbank Ihrer Website speichern möchten, um die Registrierung abzuschließen. Dies kann sehr nützlich sein, um zusätzliche Informationen wie Telefonnummer, Adresse, Alter oder andere Informationen über Ihren Benutzer zu speichern.

Wie Sie sehen können, haben Sie eine Vielzahl von Datenoptionen, um Benutzer in Ihrer Datenbank zu registrieren.

Fügen Sie Ihr Formular dort ein, wo es angezeigt werden soll

Nachdem Sie Ihr Formular erstellt haben, müssen Sie es nur noch auf der Seite (oder den Seiten) einfügen, auf der es angezeigt werden soll. Der große Vorteil von Nelio Forms ist die vollständige Integration mit dem WordPress-Editor. Das heißt, Sie können das Formular als regulären Block einfügen und es inline bearbeiten.

Dann haben Sie hier direkt die Möglichkeit, das Formular zu erstellen. In diesem Fall können Sie den oben beschriebenen Schritten folgen oder das zuvor erstellte Formular auswählen.

Sobald das Formular ausgewählt ist, haben Sie es bereits wie jeden anderen Block in Ihre Seite eingefügt.

Wie ich schon sagte, können Sie das Formular direkt auf der Seite ändern, auf der es verwendet wird. Wenn Sie dies tun, werden Sie sehen, dass die Schaltfläche zum Aktualisieren der Seite etwas anders ist und einen weißen Punkt links von „Aktualisieren“ zeigt. Wenn Sie die Seite aktualisieren, müssen Sie bestätigen, ob Sie die an der Seite und am Formular vorgenommenen Änderungen speichern möchten:

Wie Sie sehen, ist es viel bequemer, Änderungen am Erscheinungsbild direkt auf der Seite vorzunehmen, auf der Sie das Formular einfügen, als wenn Sie es beispielsweise über einen Shortcode eingefügt hätten.

Überprüfen Sie die registrierten Benutzer in Ihrem WordPress

Sobald das Registrierungsformular bereits zu Ihrer Seite hinzugefügt wurde, können Sie überprüfen, ob die von Ihren Benutzern hinzugefügten Informationen in den Tabellen wp_user und wp_usermeta in Ihrer Datenbank registriert sind, und die Details auf der Registerkarte Benutzer Ihres WordPress anzeigen.

Für dieses Beispiel habe ich das Pods-Plug-in verwendet, um die Anzeige der im Formular hinzugefügten Metafelder zur Registerkarte „Benutzer“ hinzuzufügen.

Fazit

Wir haben gesehen, dass Sie zum Erstellen eines benutzerdefinierten Benutzerregistrierungsformulars mit Nelio Forms nicht wissen müssen, wie man codiert – es ist so einfach wie das Erstellen eines Beitrags oder einer Seite auf Ihrer Website! Sie können die gewünschten Felder in das Formular einfügen, und das Hinzufügen zu jeder Seite ist so einfach wie das Hinzufügen eines anderen Blocks, da es vollständig in die Stile Ihrer Website integriert ist.

Vorgestelltes Bild von Dai KE auf Unsplash .