So erstellen Sie ein WordPress-Registrierungsformular aus einer Vorlage

Veröffentlicht: 2022-01-17

Möchten Sie ein WordPress-Registrierungsformular erstellen?

Ein Registrierungsformular ermöglicht es Ihren Besuchern, sich schnell anzumelden und ein Konto auf Ihrer Website zu erstellen.

In diesem Beitrag zeigen wir Ihnen, wie Sie mit unserem neuen und verbesserten Benutzerregistrierungs-Add-on ein Registrierungsformular erstellen, um den gesamten Registrierungsprozess für Ihre Besucher zu vereinfachen.

Erstellen Sie jetzt Ihr Benutzerregistrierungsformular

Warum sollten Sie ein WordPress-Registrierungsformular aus einer Vorlage erstellen?

WPForms gibt Ihnen die Möglichkeit, Ihr benutzerdefiniertes Registrierungsformular von Grund auf neu zu erstellen oder unsere vorgefertigte Vorlage zu verwenden. Wir haben eine umfangreiche Bibliothek mit über 300 vorgefertigten Vorlagen, die es Ihnen super einfach machen, ein Formular für alle möglichen Zwecke zu erstellen.

Formularvorlagen-Galerie

WPForms ist das beste WordPress Form Builder-Plugin. Erhalte es kostenlos!

Wir haben unsere Registrierungsformularvorlage so gestaltet, dass Sie ein neues Formular erstellen können, ohne selbst Änderungen vornehmen zu müssen (obwohl Sie die Felder, Layouts und das Design anpassen können, wenn Sie möchten).

Wenn Sie also nach einer vorgefertigten, anfängerfreundlichen Lösung zum Erstellen von Registrierungsformularen auf Ihrer WordPress-Site suchen, ist WPForms genau das Richtige für Sie!

So erstellen Sie ein Formular mit der Registrierungsformularvorlage von WPForm

Im Folgenden sind die Schritte zum Erstellen Ihres Registrierungsformulars mit WPForms aufgeführt:

  1. Installieren Sie WPForms und das Benutzerregistrierungs-Addon
  2. Erstellen Sie ein Formular mithilfe der Registrierungsformularvorlage
  3. Benutzerregistrierungseinstellungen anpassen
  4. Konfigurieren Sie die Benutzeraktivierungs- und Anmeldeeinstellungen
  5. Konfigurieren Sie die Registrierungsbenachrichtigungseinstellungen
  6. Benutzerdefiniertes Benutzer-Meta einrichten (optional)
  7. Anmeldeformular erstellen
  8. Erstellen Sie ein Formular zum Zurücksetzen des Passworts
  9. Speichern und betten Sie Ihre Formulare ein

Lassen Sie uns direkt hineinspringen.

1. Installieren Sie WPForms und das Benutzerregistrierungs-Addon

Das Wichtigste zuerst: Sie müssen eine WPForms Pro-Lizenz erwerben, um das Benutzerregistrierungs-Addon zu erhalten. Installieren und aktivieren Sie nach dem Kauf das Plugin auf Ihrer WordPress-Seite.

Jetzt müssen Sie das Benutzerregistrierungs-Addon installieren, um Registrierungsformularvorlagen und Registrierungseinstellungen freizuschalten.

Öffnen Sie dazu das Dashboard Ihrer WordPress-Site und gehen Sie zu WPForms » Addons.

WPForms-Add-Ons

Geben Sie als nächstes „Benutzerregistrierung“ in das Suchfeld ein. Dadurch erscheint das Benutzerregistrierungs-Addon auf Ihrem Bildschirm. Klicken Sie auf die Schaltfläche Add-on installieren, um dieses Add-on zu Ihrer WPForms -Installation hinzuzufügen.

Installieren Sie das Benutzerregistrierungs-Addon

2. Erstellen Sie ein Formular mithilfe der Registrierungsformularvorlage

Wenn das Benutzerregistrierungs-Addon jetzt aktiviert ist, können wir die Registrierungsformularvorlage verwenden, um ein neues Formular zu erstellen.

Suchen und klicken Sie im linken Menü Ihres WordPress-Dashboards auf WPForms »Neu hinzufügen. Geben Sie Ihrem neuen Formular einen Namen, indem Sie einen Titel in das Feld „Formular benennen“ eingeben.

Neues Formular hinzufügen

Scrollen Sie nun nach unten zum Abschnitt Vorlage auswählen und klicken Sie auf die Kategorie Addon-Vorlagen .

Addon-Vorlagen

Hier finden Sie die neuen Vorlagen, die mit der Benutzerregistrierung und anderen Add-Ons geliefert werden . Bewegen Sie den Mauszeiger über das Benutzerregistrierungsformular und klicken Sie auf Vorlage verwenden .

Formularvorlage zur Benutzerregistrierung

Dies führt Sie zum Formular-Builder. Alle wesentlichen Registrierungsformularfelder sind dieser Vorlage bereits hinzugefügt. Sie können diese Felder jedoch bearbeiten, neue hinzufügen oder vorhandene entfernen, um Ihr Formular nach Ihren Wünschen anzupassen.

Formularvorlage zur Benutzerregistrierung

Denken Sie jedoch daran, dass das E-Mail-Feld eingefügt werden muss, da Sie kein WordPress-Konto erstellen können, ohne eine gültige E-Mail-Adresse anzugeben.

Nachdem Sie alle gewünschten Felder eingerichtet haben, ist es an der Zeit, im nächsten Schritt die Einstellungen für die Benutzerregistrierung zu konfigurieren.

3. Passen Sie die Benutzerregistrierungseinstellungen an

Die Benutzerregistrierungseinstellungen sind bereits für Sie konfiguriert, wenn Sie die Benutzerregistrierungsvorlage von WPForm verwenden . Aber es gibt hier noch zusätzliche Einstellungen, mit denen Sie den Registrierungsprozess Ihrer Besucher anpassen können.

Um diese Einstellungen zu konfigurieren, gehen Sie zu Einstellungen » Benutzerregistrierung.

Benutzerregistrierungseinstellungen

Eine der Einstellungen hier ist Field Mapping , mit der Sie von Besuchern in Ihre Formularfelder eingegebene Daten mit entsprechenden Feldern in ihrem WordPress-Benutzerkonto verbinden können.

Feldzuordnung für die Benutzerregistrierung

Sie können sich hier auch dafür entscheiden, während der Anmeldung automatisch ein sicheres Passwort für Ihre Benutzer zu generieren. Klicken Sie einfach auf das Dropdown-Menü „ Kennwort “ und wählen Sie „Automatisch generieren “ aus.

Eine weitere sehr nützliche Einstellung hier sind Benutzerrollen. Sie können aus einer Vielzahl von Benutzerrollenoptionen wählen, darunter:

  • Autor
  • Teilnehmer
  • Administrator.

Wenn Sie also ein Registrierungsformular für Ihre Abonnenten erstellen, klicken Sie einfach auf das Dropdown-Menü Benutzerrollen und wählen Sie Abonnent aus.

Benutzerregeln

4. Konfigurieren Sie die Benutzeraktivierungs- und Anmeldeeinstellungen

Das Benutzerregistrierungs-Addon gibt Ihnen die Freiheit zu wählen, wie ein neuer Benutzer sein Konto aktivieren soll. Um auf diese Einstellungen zuzugreifen, klicken Sie auf die Schaltfläche Benutzeraktivierung aktivieren .

Benutzeraktivierung aktivieren

Hier können Sie Benutzer-E-Mail als Kontoaktivierungsmethode auswählen. Dies ist eine effektive Methode, um sicherzustellen, dass der Benutzer eine echte Person mit authentischen Anmeldeinformationen ist, und verringert das Risiko von Spam-Konten.

Benutzeraktivierungsmethode

Sie können auch die manuelle Genehmigung als Kontoaktivierungsmethode auswählen, wenn Sie jedes Benutzerkonto vor der Genehmigung manuell überprüfen und überprüfen möchten. Dies kann jedoch ziemlich schwierig werden, wenn Sie jeden Tag viele neue Abonnenten haben, die sich anmelden.

Wenn Sie die Benutzer-E-Mail als Aktivierungsmethode gewählt haben, können Sie auch die E-Mail-Betreffzeile und die Nachricht anpassen, die an Ihren Benutzer gesendet wird, wenn er sich anmeldet.

Benutzer-E-Mail-Aktivierungsnachricht

Eines der besten Dinge an unserem neuen und verbesserten Benutzerregistrierungs-Add-On ist, dass Sie jetzt Smart Tags verwenden können, um Ihre Registrierungsbenachrichtigungen für Benutzer zu personalisieren.

Smarttags anzeigen

Sie können also den Namen, den Benutzernamen und andere Details eines Benutzers in Ihre Nachricht einfügen, um sie anzupassen. Im folgenden Beispiel haben wir das {user_first_name} verwendet, das automatisch den Vornamen dieses Benutzers in die Nachricht einfügt:

E-Mail mit Smart Tag angepasst

Hinweis: Stellen Sie sicher, dass Ihre Nachricht das {url_user_activation} enthält, da hierdurch der Link eingefügt wird, auf den Benutzer zur Kontoaktivierung klicken müssen.

Jetzt müssen Sie eine Bestätigungsseite auswählen, zu der Benutzer nach der Aktivierung ihres Kontos automatisch weitergeleitet werden. Klicken Sie auf die Dropdown-Liste Benutzeraktivierungs-Bestätigungsseite und wählen Sie eine entsprechende Seite aus dem Dropdown-Menü aus.

Umleitung der Bestätigungsseite für die Benutzeraktivierung

Mit unserem aktualisierten Benutzerregistrierungs -Add-On können Sie den Aktivierungslink auch manuell erneut an einen Benutzer senden, wenn er ihn beim ersten Mal nicht erhalten hat. Öffnen Sie dazu Ihr WordPress-Dashboard und klicken Sie im linken Bereich auf das Menü Benutzer .

Benutzermenü

Klicken Sie nun unter dem betreffenden Benutzer auf die Schaltfläche Aktivierungs-E-Mail erneut senden .

Benutzeraktivierungs-E-Mail erneut senden

Wenn Sie keine Benutzeraktivierung einrichten möchten, können Sie die automatische Anmeldefunktion aktivieren, die einen Benutzer nach der Kontoerstellung automatisch anmeldet. Klicken Sie einfach auf die Schaltfläche Automatische Anmeldung aktivieren, um diese Funktion zu aktivieren.

Automatische Anmeldung aktivieren

Wenn Sie Ihr WordPress-Registrierungsformular vor bereits angemeldeten Benutzern verbergen möchten, können Sie die Option Formular verbergen, wenn Benutzer angemeldet ist aktivieren.

Benutzerregistrierungsformular ausblenden

Sie können dann auch die Nachricht anpassen, die angezeigt wird, wenn ein angemeldeter Benutzer versucht, auf das Registrierungsformular zuzugreifen.

angemeldete Nachricht Benutzerregistrierung

5. Konfigurieren Sie die Registrierungsbenachrichtigungseinstellungen

Das Benutzerregistrierungs-Addon gibt Ihnen die vollständige Kontrolle über E-Mails, die Ihre Website senden soll, wenn ein neuer Benutzer erstellt wird. Sie können wählen, ob:

  • Der Administrator sollte eine E-Mail erhalten, wenn ein neuer Benutzer erstellt wird
  • Der Benutzer sollte eine E-Mail mit seinen Kontodaten erhalten
  • Der Benutzer sollte eine E-Mail erhalten, wenn sein Konto aktiviert wurde

E-Mail-Benachrichtigungseinstellungen für die Benutzerregistrierung

Wie zuvor können Sie die zu sendenden Nachrichten bearbeiten und anpassen, indem Sie auf die Schaltfläche Vorlage bearbeiten klicken . Verwenden Sie Smart Tags, um so viele Informationen einzuschließen, wie Sie möchten, dass Ihre Nachrichten enthalten.

6. Benutzerdefiniertes Benutzer-Meta einrichten (optional)

Wenn Ihre Website über benutzerdefinierte Benutzermetadaten verfügt, können Sie die Felddaten des Registrierungsformulars den benutzerdefinierten Metafeldern Ihrer WordPress-Website zuordnen.

Benutzerregistrierungskarte benutzerdefiniertes Benutzermeta

Geben Sie dazu einfach den Metaschlüssel für Ihr gewünschtes benutzerdefiniertes Feld ein und wählen Sie das entsprechende Formularfeld aus dem Dropdown-Menü aus.

Stellen Sie sicher, dass Sie das Formular speichern , nachdem Sie alle Änderungen vorgenommen haben.

Formular speichern

7. Erstellen Sie ein Anmeldeformular

Sobald Sie ein Registrierungsformular für Ihre WordPress-Site erstellt haben, benötigen Ihre Benutzer ein Anmeldeformular, in dem sie sich tatsächlich mit ihrem registrierten Konto anmelden können. Das Benutzerregistrierungs-Addon von WPForm bietet auch eine Benutzeranmeldungsvorlage, die Sie beim Erstellen eines Anmeldeformulars unterstützt.

Wählen Sie die Vorlage Benutzeranmeldeformular aus der Kategorie Addon-Vorlage aus.

Formularvorlage für die Benutzeranmeldung

Wir empfehlen, dieses Formular so einfach wie möglich zu halten und nur die erforderlichen Felder für Benutzername oder E-Mail und Passwort zu verwenden.

Formularfelder für die Benutzeranmeldung

Unser aktualisiertes Benutzerregistrierungs-Addon 2.0 ermöglicht es Benutzern auch, ihre Browser zu zwingen, sich ihre Anmeldedaten für schnellere zukünftige Anmeldungen zu merken. Diese Funktion wird standardmäßig hinzugefügt, wenn Sie die Vorlage für das Benutzeranmeldeformular verwenden!

Sie können auch wählen, ob Sie dieses Formular für angemeldete Benutzer ausblenden möchten, indem Sie zu den Benutzerregistrierungseinstellungen navigieren und die Schaltfläche Formular ausblenden, wenn Benutzer angemeldet sind ein- oder ausschalten. Auch die Nachricht, die eingeloggten Benutzern angezeigt werden soll, ist wie bisher anpassbar.

angemeldete Nachricht Benutzerregistrierung

Vergessen Sie nicht, das Formular zu speichern , wenn Sie fertig sind.

8. Erstellen Sie ein Formular zum Zurücksetzen des Passworts

Es ist sehr wichtig, Ihren Benutzern die Möglichkeit zu geben, ihr Passwort zurückzusetzen, wenn sie es vergessen haben. Aus diesem Grund haben wir auch eine Vorlage für ein Formular zum Zurücksetzen des Passworts in unser neuestes Add-On-Update für die Benutzerregistrierung aufgenommen!

Formular zum Zurücksetzen des Benutzerkennworts

Sie finden diese Vorlage in der Kategorie Addon-Vorlagen . Dieses Formular sollte nicht mehr als Ihre registrierte E-Mail-Adresse und das neue Passwort des Benutzers erfordern.

Formular zum Zurücksetzen des Passworts

Die Benutzerregistrierungseinstellung für dieses Formular ermöglicht es Ihnen, die E-Mail zum Zurücksetzen des Passworts anzupassen, die ein Smarttag verwendet, um den Link zum Zurücksetzen einzufügen.

Benutzerregistrierungseinstellungen zum Zurücksetzen des Passworts

Wie bei anderen Formularen können Sie dieses Formular vor eingeloggten Benutzern ausblenden und eine Nachricht anpassen, die dasselbe bestätigt.

angemeldete Nachricht Benutzerregistrierung

Stellen Sie sicher, dass Sie das Formular speichern , wenn Sie fertig sind.

9. Speichern und betten Sie Ihre Formulare ein

Wir sind fast da! Überprüfen Sie schnell alle Einstellungen und Felder in allen drei Formularen, die Sie erstellt haben. Sie können alle Ihre gespeicherten Formulare finden, indem Sie Ihr WordPress-Dashboard besuchen und auf WPForms » Alle Formulare klicken. Klicken Sie dann auf das Formular, das Sie hinzufügen möchten.

Alle Formularansichten

Klicken Sie dann auf Einbetten und wählen Sie eine vorhandene Seite aus, um das Formular hinzuzufügen, oder erstellen Sie eine neue Seite.

Formular einbetten

Klicken Sie auf Neue Seite erstellen , um Ihr Formular in eine neue WordPress-Seite einzubetten.

In neue Seite einbetten

Sie werden dann zur WordPress-Editor-Seite weitergeleitet, in der Ihr Formular bereits eingebettet ist, wenn Sie eine neue Seite hinzufügen möchten.

Wenn Sie das Formular zu einer bestehenden Seite hinzufügen möchten, klicken Sie in Ihrem WordPress-Blockeditor auf die Schaltfläche + und geben Sie WPForms in das Suchfeld ein. Klicken Sie dann auf das WPForms-Widget, um es in Ihre Seite aufzunehmen.

WPForms-Widget

Klicken Sie auf das WPForms-Widget und wählen Sie eines der gerade erstellten Formulare aus.

WPForms-Formular auswählen

Klicken Sie abschließend auf Veröffentlichen , um Ihre neue Seite mit dem eingebetteten Formular zu erstellen.

Formular veröffentlichen

Wiederholen Sie diesen Vorgang auch für die anderen beiden Formulare.

WPForms führt die WordPress-Datenerfassung durch, sodass alle Formularübermittlungen automatisch auch in der Datenbank Ihrer Website gespeichert werden, wenn Sie diese später anzeigen möchten.

Und das ist es! Sie haben Ihr WordPress-Registrierungsformular erfolgreich mit unseren Benutzerregistrierungs-Add-On-Vorlagen erstellt.

Beschränken Sie als Nächstes Formulare auf angemeldete Benutzer

Möchten Sie Ihre Formulare nur auf eingeloggte Benutzer beschränken? Dies ist mit WPForms sehr einfach, wie wir in diesem Tutorial erklärt haben, wie man WordPress-Formulare auf angemeldete Benutzer beschränkt.

Wenn Sie ein Online-Shop sind, benötigen Sie wahrscheinlich einige E-Commerce-Plugins, um Ihre Website schneller wachsen zu lassen. Hier ist eine Liste der besten WordPress eCommere-Plugins, die Ihre Verkäufe und Konversionen steigern können.

Erstellen Sie jetzt Ihr Benutzerregistrierungsformular

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

Wenn Ihnen dieser Artikel weitergeholfen hat, folgen Sie uns bitte auf Facebook und Twitter, um weitere kostenlose WordPress-Tutorials und -Anleitungen zu erhalten.