Möchten Sie Ihrem WordPress-Registrierungsformular benutzerdefinierte Felder hinzufügen, ohne Code anfassen zu müssen? Dieses Tutorial zeigt Ihnen genau, wie Sie Felder zum Registrierungsformular in WordPress hinzufügen können, um zusätzliche Details wie Telefonnummern, soziale Profile oder Firmennamen von neuen Benutzern zu erfassen.
Ich führe Sie Schritt für Schritt durch den gesamten Prozess mit WPForms und Advanced Custom Fields, zwei anfängerfreundlichen Plugins, die das Erstellen benutzerdefinierter Registrierungsformulare vereinfachen. Am Ende haben Sie eine spezielle Registrierungsseite auf Ihrer Website oder in Ihrem WooCommerce-Shop, die alle benötigten Informationen erfasst.
Schnelle Schritte zum Erstellen eines benutzerdefinierten Benutzerregistrierungsformulars:
- Schritt 1: Erstellen Sie ein WordPress-Benutzerregistrierungsformular mit einem Plugin
- Schritt 2: Fügen Sie Ihrem WordPress-Registrierungsformular zusätzliche benutzerdefinierte Felder hinzu
- Schritt 3: Passen Sie die Einstellungen des WordPress-Registrierungsformulars für benutzerdefinierte Felder an
- Schritt 4: Richten Sie Benachrichtigungen für die Benutzerregistrierung in WordPress ein
- Schritt 5: Fügen Sie eine Bestätigungsnachricht für Ihr Registrierungsformular hinzu
- Step 6: Publish Your WordPress Registration Form With Custom Fields
Was sind benutzerdefinierte Felder in WordPress-Registrierungsformularen?
Benutzerdefinierte Felder in WordPress-Registrierungsformularen sind zusätzliche Eingabefelder, die Sie hinzufügen können, um während der Anmeldung weitere Informationen von neuen Benutzern zu erfassen.
Standardmäßig fragt WordPress nur nach grundlegenden Details wie Benutzername und E-Mail-Adresse. Mit benutzerdefinierten Feldern können Sie zusätzliche Informationen wie Telefonnummern, Firmennamen, Jobtitel oder Social-Media-Profile abfragen.
Das Hinzufügen dieser Felder zu Ihrem Registrierungsformular ermöglicht Ihnen bessere Benutzerprofile und hilft Ihnen, Ihre Website-Erfahrung oder Marketingkampagnen zu personalisieren.
Warum Formulare mit benutzerdefinierten Feldern erstellen?
Wahrscheinlich bieten viele der WordPress-Registrierungsformulare, die Sie in der Vergangenheit ausprobiert haben, nicht die Möglichkeit, bestimmte Arten von Informationen hinzuzufügen.
Zum Beispiel benötigt Ihr Registrierungsformular möglicherweise die Social-Media-Profil-Links der Personen, um deren Profilbereiche zu erweitern. Oder Sie möchten, dass Benutzer ihre Website-Adresse oder Telefonnummer eingeben.
Das Erstellen eines neuen Benutzerregistrierungsformulars, das es Ihnen ermöglicht, benutzerdefinierte Felder und neue Feldnamen hinzuzufügen, gibt Ihnen mehr Kontrolle über die Details, die zum Ausfüllen Ihres Formulars und zur Registrierung erforderlich sind.
Darüber hinaus müssen Sie bei Verwendung eines WordPress-Benutzerregistrierungs-Plugins mit benutzerdefinierten Feldern nicht bei Null anfangen, was Ihnen viel Zeit spart, die Sie für andere Bereiche Ihres Geschäfts nutzen können.
So fügen Sie Felder zu WordPress-Registrierungsformularen hinzu
Nachdem Sie nun wissen, warum das Hinzufügen benutzerdefinierter Felder zu Registrierungsformularen wichtig ist, erstellen wir nun eines in WordPress.
| Preise: Ab 49,50 $/Jahr |
| Kostenloser Plan / Testversion: Kostenlose Lite-Version verfügbar |
| Herausragende Funktionen: |
| 🔹 Drag-and-Drop-Formularersteller 🔹 User Registration Addon für benutzerdefinierte Felder 🔹 Vorgefertigte Vorlagen für Registrierungsformulare |
| Am besten geeignet für: Anfänger, die keine Code-WordPress-Registrierungsformulare wünschen |
Für dieses Tutorial verwenden wir WPForms, das beste WordPress-Kontaktformular-Plugin. Der Formular-Builder von WPForms macht es einfach, jede Art von Formular für Ihre Website zu erstellen. Und mit dem Registrierungs-Addon ist die Erstellung von Formularen mit benutzerdefinierten Registrierungsfeldern ein Kinderspiel.
Warum nicht diesen ausführlichen WPForms-Testbericht für die vollständigen Details lesen?
Holen Sie sich also hier Ihre Kopie von WPForms. Sie benötigen die Pro-Version, um von fertigen Registrierungsformular-Vorlagen zu profitieren. Wenn Sie das Plugin heruntergeladen haben, können Sie hier erfahren, wie Sie ein WordPress-Plugin installieren.
| Preise: Ab 49 $/Jahr |
| Kostenloser Plan / Testversion: Kostenlose Version auf WordPress.org verfügbar |
| Herausragende Funktionen: |
| 🔹 Unbegrenzte benutzerdefinierte Feldtypen hinzufügen 🔹 Volle Kontrolle über Benutzer-Metadaten 🔹 Funktioniert mit WPForms und WooCommerce |
| Am besten geeignet für: Website-Besitzer, die erweiterte Kontrolle über Benutzerdatenfelder benötigen |
Wir werden auch das Advanced Custom Fields Plugin verwenden, um benutzerdefinierte Feldtypen zu WordPress hinzuzufügen, die Sie dann in Ihrem Registrierungsformular verwenden können.
Nachdem Sie die Plugins heruntergeladen und in Ihrem WordPress-Dashboard installiert haben, müssen Sie zu Schritt 1 übergehen, um Ihr Benutzerregistrierungsformular zu erstellen.
Schritt 1: Erstellen Sie ein WordPress-Benutzerregistrierungsformular mit einem Plugin
Um mit der Erstellung Ihres Benutzerregistrierungsformulars mit benutzerdefinierten Feldern zu beginnen, gehen Sie in Ihrem WordPress-Admin-Backend zu WPForms » Addons. Suchen Sie dann das User Registration Addon und klicken Sie auf Aktivieren.
Gehen Sie als Nächstes zu WPForms » Neu hinzufügen, um ein neues Formular zu erstellen.
Geben Sie dann auf dem Einrichtungsbildschirm Ihrem Formular einen Namen und wählen Sie die Vorlage User Registration Form.
Nachdem Sie auf die Vorlage geklickt haben, erstellt WPForms ein Standard-Benutzerregistrierungsformular, das Sie weiter anpassen können.
Sie können die Felder in Ihrem Formular neu anordnen, indem Sie Elemente an eine andere Position ziehen. Und das Hinzufügen neuer Formularfelder zur Standardvorlage für Registrierungsformulare ist so einfach wie das Ziehen aus dem linken Bereich und das Ablegen im rechten Bereich.
Aber wie fügen Sie benutzerdefinierte Felder zu Ihrem Benutzerregistrierungsformular hinzu? Schauen wir uns das als Nächstes an.
Schritt 2: Zusätzliche benutzerdefinierte Felder zu Ihrem WordPress-Registrierungsformular hinzufügen
In diesem Tutorial zeigen wir Ihnen, wie Sie benutzerdefinierte Profilfelder zu Ihren Registrierungsformularen hinzufügen. Hier kommt das zuvor erwähnte Advanced Custom Fields Plugin ins Spiel.
Um zu beginnen, müssen Sie benutzerdefinierte Profilfelder zu Ihrer WordPress-Website hinzufügen. Gehen Sie dazu zu Benutzerdefinierte Felder » Neu hinzufügen.
Geben Sie dann Ihrer Feldgruppe einen Namen wie „Benutzerprofil“. Klicken Sie anschließend auf Neu hinzufügen, um ein Feld zu dieser Gruppe hinzuzufügen, und geben Sie die Namen und Bezeichnungsdetails ein.
Wenn Sie mit den Eingabetypdetails zufrieden sind, klicken Sie auf Veröffentlichen, um Ihr benutzerdefiniertes Feld zu aktivieren. Um es dann in Aktion zu sehen, navigieren Sie zu Ihrem WordPress-Profil, indem Sie auf Benutzer » Ihr Profil klicken.
Wie Sie in der folgenden Abbildung sehen können, hat Ihr Profil jetzt ein Feld für Ihre Facebook-URL.
Nachdem wir nun das benutzerdefinierte Feld in WordPress erstellt haben, fügen wir es Ihrem Benutzerregistrierungsformular hinzu.
Gehen Sie zu WPForms » Alle Formulare, um eine Liste der von Ihnen erstellten Formulare anzuzeigen. Klicken Sie dann auf Bearbeiten bei dem zuvor erstellten Benutzerregistrierungsformular.
Ziehen Sie anschließend den Platzhalter für das Feld „Website-URL“ aus dem linken Bereich und legen Sie ihn auf Ihrer Formularvorschau ab.
Da wir eine Option für die Facebook-URL hinzufügen, müssen wir den Namen des Feldes ändern. Klicken Sie dazu auf das Feld „Website-URL“ und bearbeiten Sie die Beschriftung und die Beschreibung im linken Bereich.
Sie möchten vielleicht auch eine Checkbox hinzufügen, mit der sich Benutzer für Ihre E-Mail-Liste anmelden können. Dies ist eine ausgezeichnete Möglichkeit, Ihre Abonnenten zu vergrößern.
Vergessen Sie nicht, auf Speichern zu klicken, um Ihre Änderungen zu bestätigen.
Schritt 3: Passen Sie die Einstellungen des WordPress-Registrierungsformulars für benutzerdefinierte Felder an
Der nächste Schritt ist die Anpassung Ihrer Formulareinstellungen, damit Ihr benutzerdefiniertes Feld die Informationen an den richtigen Ort sendet.
Klicken Sie also auf den Tab Einstellungen und navigieren Sie zu Benutzerregistrierung. Auf dieser Seite können Sie die Einstellungen für die Benutzerregistrierung konfigurieren, wie z. B.:
- Jedes Formularfeld zuordnen
- Standard-Benutzerrolle auswählen
- Benachrichtigungen für die E-Mail des Benutzers aktivieren
- Auswählen, auf welche Bestätigungsseite Benutzer weitergeleitet werden sollen
Und wenn Sie zum Ende der Seite scrollen, sehen Sie einen neuen Abschnitt für Ihre benutzerdefinierten Meta-Informationen.
Hier können Sie den Meta-Schlüssel eingeben, den Sie dem zuvor erstellten benutzerdefinierten Feld zugewiesen haben. Wenn Sie fertig sind, klicken Sie auf Speichern.
Schritt 4: Richten Sie Benachrichtigungen für die Benutzerregistrierung in WordPress ein
Schauen wir uns nun die Benachrichtigungs-Seite an, indem wir zu Einstellungen » Benachrichtigungen gehen.
Standardmäßig sind Benachrichtigungen aktiviert, was bedeutet, dass Sie eine E-Mail-Benachrichtigung erhalten, sobald sich jemand auf Ihrer Website registriert.
Hilfe bei der Konfiguration dieser Einstellungen finden Sie in der WPForms-Dokumentation zum Thema Einrichtung von Formularbenachrichtigungen in WordPress.
Schritt 5: Fügen Sie eine Bestätigungsnachricht für Ihr Registrierungsformular hinzu
In diesem Schritt sehen wir uns die Einrichtung von Nachrichten an, die Benutzer sehen, wenn sie ein Benutzerregistrierungsformular absenden.
Dies ist hilfreich, wenn Benutzer ihr Konto bestätigen müssen, um den Registrierungsprozess abzuschließen, da Sie eine Nachricht anzeigen können, die ihnen für die Registrierung dankt und sie auffordert, auf Ihre Validierungs-E-Mail zu achten.
Es gibt 3 Bestätigungstypen in WPForms, und zwar die folgenden:
- Nachricht – Dies ist die Standardbestätigung. Wenn Benutzer Ihr Formular ausfüllen, erscheint eine Nachricht, die sie darüber informiert, dass es erfolgreich war.
- Seite anzeigen – Dieser Bestätigungstyp leitet Benutzer zu einer bestimmten Webseite auf Ihrer Website weiter, die ihnen für die Registrierung dankt. Sie können beispielsweise direkt nach der Registrierung Ihre Anmeldeseite anzeigen.
- URL aufrufen (Weiterleitung) – Diese Option wird verwendet, wenn Sie Kunden zu einer anderen Website weiterleiten möchten.
Wenn Sie Ihre Bestätigungsnachricht ausgewählt haben, klicken Sie auf Speichern und fahren Sie mit dem Hinzufügen Ihres Benutzerregistrierungsformulars mit benutzerdefinierten Feldern zu WordPress fort.
Schritt 6: Veröffentlichen Sie Ihr WordPress-Registrierungsformular mit benutzerdefinierten Feldern
WPForms macht es sehr einfach, Ihr Registrierungsformular zu Ihrer Website hinzuzufügen. Sie können Ihr Registrierungsformular in einem Beitrag, einer Seite oder sogar in der Seitenleiste Ihrer Website im Frontend veröffentlichen.
Schauen wir uns an, wie Sie Ihr Benutzerregistrierungsformular auf einer WordPress-Seite veröffentlichen.
Zuerst gehen Sie zu Seiten » Neu hinzufügen, um eine neue Seite zu erstellen.
Klicken Sie dann im WordPress-Editor auf das Pluszeichen (+), um einen neuen Inhaltsblock hinzuzufügen. Geben Sie im Suchfeld WPFroms ein, um den WPForms-Block anzuzeigen, und klicken Sie darauf, um ihn zu Ihrer Seite hinzuzufügen.
Hier können Sie Ihr Benutzerregistrierungsformular aus der Dropdown-Liste auswählen, das zur Vorschau auf Ihrer Seite hinzugefügt wird.
Nun können Sie weitere Informationen zu Ihrer Seite hinzufügen. Wenn Sie zufrieden sind, klicken Sie auf Veröffentlichen, um Ihr Formular auf Ihrer Website zu starten.
FAQs zum Hinzufügen benutzerdefinierter Felder zu WordPress-Registrierungsformularen
Sie wissen jetzt, wie Sie ein WordPress-Benutzerregistrierungsformular mit benutzerdefinierten Feldern erstellen. So können sich Benutzer auf Ihrer Website registrieren und alle Details übermitteln, die Sie zum Erstellen ihrer Profile benötigen.
Wenn Sie daran interessiert sind, was Sie sonst noch mit WPForms machen können, sehen Sie sich hier unsere anderen WordPress-Formular-Tutorials an:
- So erstellen Sie ein WordPress-Formular mit Dateiupload
- So erstellen Sie ein Typeform-ähnliches Formular
- So erstellen Sie ein Kontaktformular in WordPress
- So erstellen Sie ein Online-Bestellformular in WordPress
- So erstellen Sie ein mehrstufiges Formular in WordPress
Und wenn Sie möchten, folgen Sie uns auf Facebook und Twitter für weitere hilfreiche Tipps und Tutorials.
