So erstellen Sie ein WordPress-Registrierungsformular (Schritt für Schritt)

Möchten Sie ein WordPress-Registrierungsformular einrichten, damit sich Ihre Benutzer auf Ihrer Website registrieren können?

Ein Registrierungsformular ist normalerweise ein ziemlich einfaches Formular, das Benutzer sehr einfach und schnell ausfüllen können. Es sollte schmerzlos und nicht zu lang sein, oder es ist möglich, dass Benutzer die Registrierung überspringen!

In diesem Artikel zeigen wir Ihnen, wie Sie einfach und schnell ein einfaches, gut aussehendes Registrierungsformular erstellen.

In diesem Artikel geht es um das Erstellen von Benutzerregistrierungsformularen zum Registrieren neuer Benutzer. Wenn Sie nach anderen Anmeldeformularen oder benutzerdefinierten Formularen suchen, lesen Sie So fügen Sie ein Kontaktformular in WordPress hinzu (Der einfache Weg).

Best Practices für das WordPress-Registrierungsformular

Bevor wir die Schritte zum Erstellen Ihres Formulars durchgehen, lassen Sie uns kurz über einige bewährte Verfahren sprechen.

1. Verwenden Sie so wenig Felder wie möglich: Niemand möchte viel Zeit mit dem Ausfüllen eines Formulars verbringen. Es ist am besten, es so einfach wie möglich zu halten, um zu vermeiden, dass sich Leute entscheiden, sich nicht zu registrieren, weil sie Ihr Formular nicht ausfüllen wollen!
2. Richten Sie eine E-Mail-Benachrichtigung ein: Sobald jemand Ihr Formular ausgefüllt hat, sollte er sofort eine Folge-E-Mail erhalten, die seine Registrierung bestätigt.
3. Gestalten Sie Ihre Seite ansprechend: Möchten Sie Ihre Benutzer begeistern? Lassen Sie Ihre Anmelde-/Registrierungsseiten großartig aussehen. Sie können sogar ein Angebot auf Ihrer Login-Seite für einfache Werbung hinzufügen!

Tutorial zum WordPress-Benutzerregistrierungsformular

Es ist an der Zeit, mit Ihrem Registrierungsformular für neue Benutzer zu beginnen. Lass uns gehen!

Um unser Formular zu erstellen, verwenden wir das beste WordPress-Plugin zur Kontakterstellung (und darüber hinaus), WPForms.

WPForms Pro enthält ein Benutzerregistrierungs-Addon, das genau das ist, was Sie zum Erstellen eines benutzerdefinierten Registrierungsformulars benötigen.

In Ordnung, fangen wir mit unserem Tutorial an.

Schritt 1: Installieren Sie WPForms
Schritt 2: Aktivieren Sie das Benutzerregistrierungs-Addon
Schritt 3: Erstellen Sie ein Benutzerregistrierungsformular
Schritt 4: Passen Sie Ihre Formularfelder an
Schritt 5: Passen Sie die Formulareinstellungen an
Schritt 6: Betten Sie Ihr Benutzerregistrierungsformular ein
Schritt 7 (optional): Erstellen Sie benutzerdefinierte Anmelde- und Passwortrücksetzungsformulare
Schritt 8: Richten Sie die Formularübermittlungsverfolgung ein

Schritt 1: Installieren Sie WPForms

Um WPForms zu installieren, besorgen Sie sich die Pro-Lizenz:

Gehen Sie dann zur Registerkarte Downloads , um Ihr Plugin herunterzuladen:

Sobald Sie Ihre ZIP-Datei heruntergeladen haben, gehen Sie zu Ihrem WordPress-Dashboard und dann zu Plugins » Neu hinzufügen » Plugin hochladen. Laden Sie dort Ihre ZIP-Datei hoch:

Aktivieren Sie nun WPForms, indem Sie auf die blaue Aktivierungsschaltfläche klicken:

Holen Sie sich schließlich Ihren Lizenzschlüssel aus Ihrem WPForms-Konto und gehen Sie dann zu WPForms » Einstellungen » Allgemein , um ihn einzufügen:

Schritt 2: Aktivieren Sie das Benutzerregistrierungs-Addon

Um nun Ihr Benutzerregistrierungsformular zu erstellen, benötigen Sie das Benutzerregistrierungs-Add-on. Um es einzurichten, gehen Sie zu WPForms » Addons , suchen Sie nach Benutzerregistrierung und klicken Sie auf Addon installieren .

Schritt 3: Erstellen Sie ein Benutzerregistrierungsformular

Um unser Formular abzukürzen, verwenden wir die Formularvorlage für die Benutzerregistrierung. Gehen Sie dazu zuerst zu WPForms » Neu hinzufügen :

Klicken Sie nun auf Addon-Vorlagen , um das Benutzerregistrierungsformular zu finden. Klicken Sie auf Vorlage verwenden:

Schritt 4: Passen Sie Ihre Formularfelder an

Wenn Sie die Vorlage für das Benutzerregistrierungsformular verwenden, werden Ihrem Formular automatisch einige Formularfelder für Sie hinzugefügt. Es fügt hinzu:

• Name Vorname Nachname)
• Nutzername
• Email
• Passwort
• Kurzbiografie

Wenn Sie andere Felder benötigen oder beispielsweise die Kurzbiografie nicht benötigen, können Sie in diesem Schritt nach Bedarf Felder hinzufügen und entfernen. Um ein Feld zu löschen, bewegen Sie den Mauszeiger darüber und klicken Sie auf das Mülleimer-Symbol:

Um ein Feld hinzuzufügen, suchen Sie einfach nach dem, was Sie brauchen, und klicken Sie darauf und ziehen Sie es auf Ihr Formular.

Schritt 5: Passen Sie die Formulareinstellungen an

Nachdem Ihr Formular nun über die richtigen Felder verfügt, können Sie andere Aspekte der Funktionsweise des Formulars anpassen.

Gehen Sie dazu zur Registerkarte Einstellungen . Hier sehen Sie all die verschiedenen Dinge, die Sie anpassen können, einschließlich Benachrichtigungen aus dem Formular, Bestätigungseinstellungen, Einstellungen zum Verlassen des Formulars, Einstellungen zur Benutzerregistrierung und mehr. Je nachdem, welche Addons Sie installiert haben, stehen Ihnen hier unterschiedliche Einstellungsmöglichkeiten zur Verfügung.

Auf der Registerkarte „ Allgemein “ finden Sie den Formularnamen, die Formularbeschreibung, Tags, Schaltflächentext und mehr. Auf der Registerkarte Benachrichtigungen können Sie die E-Mails einrichten, die versendet werden, wenn Ihr Formular gesendet wird. Auf der Registerkarte „ Bestätigungen “ legen Sie fest, was der Benutzer sieht, wenn er das Formular absendet.

Alle diese Einstellungen sind wichtig! Wenn Sie dabei Hilfe benötigen, sehen Sie sich A Complete Guide to WPForms Settings an.

Für dieses Tutorial werden wir diese grundlegenden Einstellungen überspringen und die Benutzerregistrierungseinstellungen durchgehen.

Das erste, was Sie auf der Registerkarte Benutzerregistrierungseinstellungen sehen, ist Feldzuordnung . Hier können Sie die Felder, die Sie in Ihrem Formular haben, den neuen Benutzerkontofeldern zuordnen, die erstellt werden, wenn sich ein Benutzer anmeldet.

Als Nächstes sehen Sie das Dropdown-Menü Benutzerrollen . Hier wählen Sie aus, welche Rolle Ihre neuen Benutzer auf Ihrer Website haben werden.

Dann sehen Sie die Benutzeraktivierungs- und Anmeldeoptionen . Hier wählen Sie aus, ob Ihre neuen Benutzer einen zusätzlichen Schritt zur Aktivierung ihrer Konten unternehmen müssen oder nicht.

Wenn Sie diesen zusätzlichen Schritt wünschen , legen Sie den Schalter um, um die Benutzeraktivierung zu aktivieren.

Wählen Sie dann aus, ob Sie das Konto manuell genehmigen oder den Benutzer auf einen Link in einer Aktivierungs-E-Mail klicken lassen möchten:

Jetzt können Sie den Betreff und die Nachricht der Aktivierungs-E-Mail anpassen:

Sie können Smart Tags verwenden, um den Namen des Benutzers oder andere Informationen hinzuzufügen:

Wählen Sie abschließend die Seite aus, auf die der Benutzer nach dem Absenden des Formulars weitergeleitet werden soll.

Wenn Sie die Benutzeraktivierung nicht aktivieren möchten , überspringen Sie diese Schritte. Sie können in diesem Feld auch die automatische Anmeldung aktivieren und das Formular ausblenden, wenn ein Benutzer angemeldet ist.

Als Nächstes können Sie auswählen, welche E-Mail-Benachrichtigungen gesendet werden, wenn ein neues Konto erstellt oder aktiviert wird:

Schließlich haben Sie die Möglichkeit, benutzerdefinierte Benutzermetadaten hinzuzufügen.

Nachdem Sie alle Änderungen vorgenommen haben, klicken Sie unbedingt auf die Schaltfläche Speichern :

Schritt 6: Betten Sie Ihr Benutzerregistrierungsformular ein

Jetzt, da Ihr Benutzerregistrierungsformular einsatzbereit ist, können Sie fortfahren und es auf Ihrer Benutzerregistrierungsseite einbetten.

Möchten Sie eine benutzerdefinierte Registrierungsseite, die fantastisch aussieht? Wir empfehlen die Verwendung von SeedProd, der besten WordPress-Zielseite und dem benutzerdefinierten Theme-Builder. Verwenden Sie ihre Anmeldeseitenvorlagen, um die besten Registrierungs- und Anmeldeseiten für Ihre Benutzer zu erstellen.

Anweisungen zum Entwerfen der besten Registrierungs- und Anmeldeseiten finden Sie unter
So erstellen Sie eine benutzerdefinierte WordPress-Anmeldeseite (einfache Schritte).

Um Ihr Formular mit dem Blockeditor in eine vorhandene Seite einzubetten, suchen Sie einfach nach dem WPForms-Block:

Sobald Sie den Block hinzugefügt haben, können Sie auswählen, welches Formular eingebettet werden soll:

Möchten Sie Ihr Formular stattdessen in Ihre Seitenleiste einbetten? Besuchen Sie Aussehen »Widgets und wählen Sie das WPForms-Widget.

Schritt 7 (optional): Erstellen Sie benutzerdefinierte Anmelde- und Passwortrücksetzungsformulare

Wenn Sie das WPForms-Benutzerregistrierungs-Addon aktivieren, erhalten Sie nicht nur die Möglichkeit, ein benutzerdefiniertes Registrierungsformular zu erstellen, sondern Sie erhalten auch zwei weitere Formulare: Benutzeranmeldung und Zurücksetzen des Benutzerkennworts.

Sie können diese beiden Formulare verwenden, um Ihren gesamten Registrierungs- und Login-Prozess vollständig individuell zu gestalten.

Schritt 8: Richten Sie die Formularübermittlungsverfolgung ein

Es ist wichtig, die richtigen Formulare auf Ihrer Website zu haben, und ebenso wichtig ist es, sie zu verfolgen, um sicherzustellen, dass sie auf Ihrer Website gut funktionieren. Hier kommt die MonsterInsights-Formularverfolgung ins Spiel.

MonsterInsights ist das beste Google Analytics-Plugin für WordPress. Es ermöglicht Ihnen, Ihre WordPress-Site ganz einfach mit Google Analytics (sowohl Universal Analytics als auch GA4) zu verbinden, sodass Sie alle wichtigen Daten direkt in Ihrem WordPress-Dashboard anzeigen können.

Außerdem können Sie mit einem Klick auf eine Schaltfläche ausgefeilte Tracking-Funktionen wie Ereignis-Tracking, E-Commerce-Tracking, Formular-Tracking, benutzerdefinierte Dimensions-Tracking, Outbound-Link-Tracking und mehr einrichten.

Wenn Sie die Formularverfolgung einrichten, können Sie auf einen Blick sehen, wie jedes Ihrer Formulare abschneidet. Sehen es viele Leute, entscheiden sich aber, es nicht einzureichen? Verwenden Sie diese Analysen, um festzustellen, wie Sie Ihre Website verbessern und Ihr Geschäft ausbauen können.

Weitere Informationen zur Formularverfolgung mit MonsterInsights finden Sie unter So verfolgen Sie Formularübermittlungen in Google Analytics und WordPress.

Das ist es!

Wir hoffen, Sie fanden unser WordPress-Registrierungsformular-Tutorial hilfreich. Vielleicht möchten Sie auch nachverfolgen, wie man Link-Klicks in Google Analytics 4 und WordPress verfolgt.

Verwenden Sie MonsterInsights noch nicht? Worauf wartest du?

Folgen Sie uns auf Twitter, Facebook und YouTube, um weitere hilfreiche Tipps zu Google Analytics und WordPress zu erhalten.