So füge ich benutzerdefinierte Felder zu einem WordPress-Registrierungsformular mit WPForms hinzu 

Das Standard-WordPress-Registrierungsformular fragt nach einem Benutzernamen und einer E-Mail-Adresse. Das war's. Wenn Sie eine Mitgliedschaftsseite, einen WooCommerce-Shop oder eine beliebige Community betreiben, tappen Sie im Dunkeln, wer sich gerade angemeldet hat.

Sie können nicht nach einer Telefonnummer, einem Firmennamen oder einem Social-Media-Profil-Link fragen. Sie können Ihre Liste nicht segmentieren. Sie können nichts personalisieren. Es ist ein Formular mit zwei Feldern, das versucht, eine vollständige Onboarding-Aufgabe zu erfüllen.

In dieser Anleitung führe ich Sie durch den Prozess, wie Sie mit WPForms benutzerdefinierte Felder zu Ihrem WordPress-Benutzerregistrierungsformular hinzufügen. Keine Programmierung erforderlich.

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 einem Benutzernamen und einer 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 bietet Ihnen bessere Benutzerprofile und hilft Ihnen, Ihr Website-Erlebnis oder Ihre Marketingkampagnen zu personalisieren. Für Website-Betreiber, die eine WordPress-Mitgliedschaftsseite betreiben, sind diese Daten vom ersten Tag an unerlässlich.

So fügen Sie benutzerdefinierte Felder zu einem WordPress-Registrierungsformular hinzu (Schritt für Schritt)

Hier erfahren Sie, wie Sie eine erstellen.

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 verwende ich WPForms – es verfügt über ein spezielles User Registration Addon, das benutzerdefinierte Felder direkt WordPress-Benutzerprofilen zuordnet, sodass Sie kein PHP schreiben müssen.

WPForms ist ein Drag-and-Drop-Formularersteller für WordPress mit über 6 Millionen aktiven Installationen. Ich verwende es auf der SeedProd-Website und es ist der Formularersteller, den ich zuerst verwende, wenn ich ein Registrierungsformular benötige, das mit Benutzerprofilen synchronisiert wird.

Warum nicht diesen ausführlichen WPForms-Testbericht für die vollständigen Details lesen?

Wichtig: Sie benötigen WPForms Pro oder höher – das User Registration Addon ist nicht in der kostenlosen Lite-Version oder im Basic-Plan verfügbar. Holen Sie sich hier Ihre Kopie von WPForms. Wenn Sie das Plugin heruntergeladen haben, erfahren Sie hier, wie Sie ein WordPress-Plugin installieren.

Wenn Sie WPForms heruntergeladen und installiert haben, fahren Sie mit Schritt 1 fort.

Schritt 1: Erstellen Sie ein WordPress-Benutzerregistrierungsformular mit einem Plugin

Das User Registration Addon von WPForms verbindet Ihre Formularfelder mit WordPress-Benutzerkonten. Aktivieren Sie es, bevor Sie das Formular erstellen.

Gehen Sie zunächst zu WPForms » Addons in Ihrem WordPress-Adminbereich. 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. Das Hinzufügen neuer Formularfelder ist so einfach wie das Ziehen aus dem linken Bereich und das Ablegen im rechten Bereich.

Schritt 2: Benutzerdefinierte Felder WordPress-Benutzer-Metadaten zuordnen

WPForms verarbeitet benutzerdefinierte Feldzuordnungen nativ. Sie benötigen kein zusätzliches Plugin, um benutzerdefinierte Daten in Benutzerprofilen zu speichern.

Stellen Sie zunächst sicher, dass Ihre benutzerdefinierten Felder bereits im Formular vorhanden sind. Ziehen Sie im Formular-Builder alle zusätzlichen Felder, die Sie benötigen, vom linken Bereich in Ihr Formular. Ziehen Sie zum Beispiel ein Feld Single Line Text und benennen Sie es „Telefonnummer“.

Während Sie sich in den Feldeinstellungen befinden, können Sie auch Platzhaltertext und Hilfetext hinzufügen, um Benutzer zu leiten. Platzhaltertext wird als hellgrauer Text innerhalb des Feldes angezeigt, bevor der Benutzer tippt. Hilfetext erscheint als kleine Notiz unter dem Feldlabel. Beides reduziert abgebrochene Registrierungen, da Benutzer genau wissen, was sie eingeben müssen.

Um ein benutzerdefiniertes Feld als erforderlich zu markieren, schalten Sie den Schalter Erforderlich im Einstellungsbereich des Feldes um. Erforderliche Felder zeigen ein rotes Sternchen in Ihrem Formular an und verhindern die Einreichung, wenn sie leer gelassen werden.

Klicken Sie nun auf die Registerkarte Einstellungen und gehen Sie zu Benutzerregistrierung. Hier legen Sie fest, wo WPForms die Daten jedes Feldes speichern soll.

Scrollen Sie nach unten zum Abschnitt Benutzerdefinierte Benutzer-Meta-Felder. Sie sehen ein Texteingabefeld für den Meta-Schlüssel und ein Dropdown-Menü zur Auswahl des entsprechenden Formularfeldes.

Geben Sie Ihren Meta-Schlüssel in das Texteingabefeld ein (z. B. phone_number) und wählen Sie dann das entsprechende Formularfeld aus dem Dropdown-Menü aus. Wählen Sie für dieses Beispiel Ihr Feld „Telefonnummer“.

Um eine weitere Zuordnung hinzuzufügen, klicken Sie auf das blaue +-Symbol und wiederholen Sie den Vorgang. Sie können so viele benutzerdefinierte Meta-Felder hinzufügen, wie Sie benötigen.

Sie möchten vielleicht auch eine Checkbox hinzufügen, die Benutzer auffordert, sich für Ihre E-Mail-Liste anzumelden. Dies ist eine ausgezeichnete Möglichkeit, Ihre E-Mail-Liste zu erweitern, sobald sich jemand registriert.

Wenn Sie fertig sind, klicken Sie auf Speichern. WPForms speichert jeden übermittelten Wert direkt als WordPress-Benutzer-Meta, sichtbar unter Benutzer » Alle Benutzer in Ihrem Adminbereich.

Schritt 3: Die restlichen Registrierungseinstellungen konfigurieren

Während Sie sich noch in Einstellungen » Benutzerregistrierung befinden, nehmen Sie sich einen Moment Zeit, um die restlichen Registrierungsoptionen zu konfigurieren.

Ganz oben auf der Seite verwenden Sie die Dropdown-Menüs für das Feld-Mapping, um Ihre Standard-Formularfelder (Name, Benutzername, Passwort, E-Mail) den richtigen WordPress-Profilfeldern zuzuordnen. Darunter legen Sie die Standard-Benutzerrolle für alle fest, die sich über dieses Formular registrieren.

Sie können auch E-Mail-Benachrichtigungen für neue Registrierungen aktivieren und eine Bestätigungs-Weiterleitung auswählen, um Benutzer nach der Übermittlung auf eine Dankesseite oder eine Anmeldeseite zu leiten. Klicken Sie auf Speichern, wenn Sie fertig sind.

Schritt 4: Richten Sie Benachrichtigungen für die Benutzerregistrierung in WordPress ein

Standardmäßig sendet Ihnen WPForms eine E-Mail-Benachrichtigung, wenn sich jemand registriert. Hilfe bei der Konfiguration der vollständigen Benachrichtigungs-Seite finden Sie in der WPForms-Dokumentation zu Formularbenachrichtigungen.

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:

1. Nachricht – Dies ist die Standardbestätigung. Wenn Benutzer Ihr Formular ausfüllen, erscheint eine Nachricht, die sie darüber informiert, dass es erfolgreich war.
2. 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.
3. URL aufrufen (Weiterleitung) – Diese Option wird verwendet, wenn Sie Kunden zu einer anderen Website weiterleiten möchten.

Wenn Sie Ihren Bestätigungsnachrichtentyp ausgewählt haben, klicken Sie auf Speichern und fahren Sie mit der Veröffentlichung Ihres Formulars fort.

Schritt 6: Veröffentlichen Sie Ihr WordPress-Registrierungsformular mit benutzerdefinierten Feldern

WPForms erleichtert das Hinzufügen Ihres Registrierungsformulars zu jedem Beitrag, jeder Seite oder jeder Seitenleiste. Lassen Sie uns es auf einer WordPress-Seite veröffentlichen.

Gehen Sie zu Seiten » Neu hinzufügen, um eine neue Seite zu erstellen. Klicken Sie im WordPress-Editor auf das Symbol Plus (+), suchen Sie nach „WPForms“ und klicken Sie auf den WPForms-Block, um ihn hinzuzufügen.

Wählen Sie Ihr Benutzerregistrierungsformular aus dem Dropdown-Menü aus, und es wird Ihrer Seite hinzugefügt, um eine Vorschau anzuzeigen.

Bevor Sie veröffentlichen, empfehle ich immer, den integrierten Spam-Schutz von WPForms zu aktivieren. Gehen Sie zu den Einstellungen » Spam-Schutz und Sicherheit des Formulars und aktivieren Sie das Honeypot-Anti-Spam-Feld oder verbinden Sie reCAPTCHA. Ein öffentliches Registrierungsformular zieht schnell Bots an.

Wenn Sie zufrieden sind, klicken Sie auf Veröffentlichen, um Ihr Formular zu starten.

Was tun mit Ihren Registrierungsdaten

Sobald Ihr Formular live ist, haben Sie Benutzerdaten in WordPress. Hier erfahren Sie, wie Sie sie nutzen können:

• Einträge in WPForms anzeigen: Gehen Sie zu WPForms » Einträge, um jede Registrierungsübermittlung mit allen benutzerdefinierten Felddaten anzuzeigen.
• Mit Ihrer E-Mail-Plattform verbinden: WPForms integriert sich nativ mit Mailchimp, ConvertKit, ActiveCampaign und anderen Anbietern. Ordnen Sie Ihre benutzerdefinierten Felder Tags oder Listen-Segmenten zu, damit Registranten vom ersten Tag an die richtigen E-Mails erhalten.
• Daten in Benutzerprofilen anzeigen: Felder, die über das User Registration Addon zugeordnet wurden, erscheinen direkt in Benutzerprofilen unter Benutzer » Alle Benutzer. Administratoren können die Daten von dort aus anzeigen und bearbeiten.

So fügen Sie benutzerdefinierte Felder zu einem WooCommerce-Registrierungsformular hinzu

Wenn Sie einen WooCommerce-Shop betreiben, können Sie mit derselben WPForms-Einrichtung benutzerdefinierte Felder bei der Registrierung und beim Checkout erfassen.

WPForms integriert sich nativ mit WooCommerce in den Pro- und Elite-Plänen. Das User Registration Addon funktioniert auf den WooCommerce-Checkout- und Registrierungsseiten. Das bedeutet, dass dieselben benutzerdefinierten Felder, die Sie in den Schritten 1-3 erstellt haben, angezeigt werden können, wenn ein Kunde während des Checkouts ein Konto erstellt.

Um es zu aktivieren, gehen Sie zu WPForms » Einstellungen » Integrationen und verbinden Sie Ihren WooCommerce-Shop. Von dort aus können Sie Ihre Registrierungsformularfelder den WooCommerce-Kundendaten zuordnen, sodass die Informationen sowohl im WP-Benutzerprofil als auch im WooCommerce-Bestelldatensatz gespeichert werden.

Dies ist besonders nützlich, wenn Sie Firmennamen oder Umsatzsteuer-Identifikationsnummern an der Kasse erfassen oder B2B-Kunden nach ihrer Branche fragen möchten, um E-Mails nach dem Kauf zu segmentieren. Weitere Informationen zur Anpassung des Checkout-Erlebnisses finden Sie in unserem Leitfaden zur Anpassung der WooCommerce-Checkout-Seite.

Hinweis: Dieses Tutorial verwendet WPForms für das Registrierungsformular. Wenn Sie ein anderes Registrierungs-Plugin wie Ultimate Member verwenden, können Sie benutzerdefinierte Felder über den eigenen Feldmanager dieses Plugins hinzufügen. Die hier beschriebene WPForms-Einrichtung ist nicht erforderlich.

FAQs zum Hinzufügen benutzerdefinierter Felder zu WordPress-Registrierungsformularen

Wie füge ich benutzerdefinierte Felder zu einem WooCommerce-Registrierungsformular hinzu?

WPForms Pro integriert sich über das User Registration Addon mit WooCommerce. Nachdem Sie WooCommerce unter WPForms » Einstellungen » Integrationen verbunden haben, können Sie Ihre benutzerdefinierten Felder dem WooCommerce-Checkout-Registrierungsablauf zuordnen. Über den Abschnitt „Benutzerdefinierte Benutzerfelder“ von WPForms hinzugefügte benutzerdefinierte Felder werden als WordPress-Benutzer-Metadaten gespeichert, die WooCommerce aus demselben Benutzerprofil liest. Kein zusätzliches Plugin erforderlich.

Wie mache ich ein benutzerdefiniertes Registrierungsfeld in WordPress erforderlich?

Klicken Sie in WPForms in der Formularerstellung auf ein beliebiges Feld, um dessen Einstellungen zu öffnen. Schalten Sie die Option Erforderlich ein. Erforderliche Felder zeigen ein rotes Sternchen in Ihrem Formular an und blockieren die Übermittlung, wenn sie leer gelassen werden. Benutzer müssen sie ausfüllen, bevor sie sich registrieren können.

Kann ich ein benutzerdefiniertes Registrierungsformular zu einer bestimmten Seite in WordPress hinzufügen?

Ja. WPForms ermöglicht es Ihnen, Ihr Registrierungsformular mit dem WPForms-Block im Block-Editor oder dem Shortcode im klassischen Editor auf jeder WordPress-Seite, jedem Beitrag oder in jedem Widget-Bereich einzubetten. Erstellen Sie eine spezielle Registrierungsseite, fügen Sie den Block hinzu, wählen Sie Ihr Formular aus dem Dropdown-Menü aus und veröffentlichen Sie es.

Was passiert mit den Daten, die in benutzerdefinierten Registrierungsfeldern gesammelt werden?

Daten aus benutzerdefinierten Feldern werden an zwei Orten gespeichert. WPForms speichert eine Kopie als Formulareintrag (anzeigbar unter WPForms » Einträge). Wenn Sie das User Registration Addon verwendet und die Felder korrekt zugeordnet haben, werden die Daten auch als Benutzer-Metadaten im WordPress-Benutzerprofil gespeichert. Administratoren können diese Daten unter Benutzer » Alle Benutzer anzeigen und bearbeiten.

Wie füge ich Platzhaltertext oder Hilfetext zu Registrierungsformularfeldern hinzu?

Klicken Sie im WPForms-Builder auf ein beliebiges Feld, um dessen Einstellungen zu öffnen. Das Feld Platzhaltertext fügt hellgrauen Hinweistext in das Eingabefeld ein. Das Feld Beschreibung fügt eine kleine Notiz unter dem Label hinzu. Beide erscheinen im Live-Formular und helfen Benutzern zu verstehen, was genau eingegeben werden muss, was unvollständige Registrierungen reduziert.

Beginnen Sie noch heute mit dem Erstellen Ihres benutzerdefinierten Registrierungsformulars

Sie haben jetzt ein WordPress-Benutzerregistrierungsformular, das die Daten sammelt, die Sie tatsächlich benötigen. Das ist der Unterschied zwischen einer Liste von E-Mail-Adressen und einer Liste von echten Personen, die Sie segmentieren, per E-Mail ansprechen und konvertieren können.

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.

Danke fürs Lesen! Wir würden uns freuen, Ihre Gedanken zu hören. Treten Sie also gerne der Unterhaltung auf YouTube, X und Facebook bei, um weitere hilfreiche Ratschläge und Inhalte für das Wachstum Ihres Unternehmens zu erhalten.