Möchten Sie ein personalisiertes Registrierungsformular für Ihre Benutzer erstellen?
Das Standard-WordPress-Registrierungsformular zeigt das WordPress-Branding an und stimmt nicht mit dem WordPress-Thema Ihrer Website überein.
Wenn Sie WordPress noch nie installiert haben, finden Sie es in diesem Tutorial heraus Wie installieren und konfigurieren Sie Ihren Blog
In diesem Tutorial zeigen wir Ihnen, wie Sie ein benutzerdefiniertes Registrierungsformular in WordPress erstellen.
Warum ein personalisiertes Registrierungsformular für WordPress hinzufügen?
Auf der Standard-Registrierungsseite für WordPress werden das WordPress-Branding und -Logo angezeigt. Es muss nicht unbedingt mit dem Rest Ihrer Website übereinstimmen.
Durch das Erstellen eines benutzerdefinierten Registrierungsformulars können Sie das Registrierungsformular einer Seite Ihrer Website hinzufügen. Es hilft Ihnen, eine konsistentere Benutzererfahrung während des Registrierungsprozesses bereitzustellen.
Bevor Sie fortfahren, können Sie entdecken So passen Sie Registrierungs- und Anmeldeseiten in WordPress an
Ein personalisiertes Registrierungsformular ermöglicht es Benutzern auch, nach der Registrierung umgeleitet zu werden. Sie können auch zusätzliche Profilfelder anzeigen, diese mit dem benutzerdefinierten Anmeldeformular kombinieren und sie mit Ihrer E-Mail-Marketingabteilung verbinden.
Nachdem dies gesagt ist, werden wir einen kurzen Blick darauf werfen, wie ein benutzerdefiniertes WordPress-Anmeldeformular erstellt wird.
Erstellen eines benutzerdefinierten Anmeldeformulars
Das erste, was Sie tun müssen, ist installieren und Aktivieren Sie das WPForms-Plugin. Für weitere Details, Lesen Sie unsere Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Sie werden zumindest den Plan brauchen Pro Zugriff auf Benutzerregistrierungsformulare.
Nach der Aktivierung müssen Sie " WPForms »Einstellungen So geben Sie Ihren WPForms-Lizenzschlüssel ein. Sie können diesen Schlüssel auf Ihrem WPForms-Konto erhalten.
Dann gehe zu " WPForms> Addons “. Klicken Sie auf die Schaltfläche installieren Addon »Auf der Verlängerung« Formulare Benutzerregistrierung ".
WPForms lädt die Erweiterung herunter und installiert sie. Sie müssen auf die Schaltfläche klicken „Aktivieren“ um die Erweiterung zu verwenden.
Sie können jetzt Ihr personalisiertes Registrierungsformular erstellen.
Sie müssen besuchen " WPForms> Neu hinzufügen So verwenden Sie den WPForms Video Builder.
Zuerst müssen Sie einen Namen für Ihr Formular eingeben und dann die Vorlage "Benutzerregistrierungsformular"(Benutzeranmeldeformular).
WPForms erstellt ein einfaches Registrierungsformular für Sie. Dieses Beispiel enthält die folgenden Felder.
- Nachname Vorname
- Benutzername
- Passwort
- Kurzbiografie
Sie können Felder aus dem linken Bereich hinzufügen. Sie müssen nur Felder ziehen, um ihre Reihenfolge zu ändern.
Hinzufügen von benutzerdefinierten Feldern zu Ihrem benutzerdefinierten Registrierungsformular
Mit WPForms können Sie Ihrem Formular auch Profilfelder hinzufügen. Dazu benötigen Sie ein spezielles Plugin.
In diesem Beispiel verwenden wir das kostenlose Plugin User-Meta-Manager ".
Als erstes müssen Sie das Plugin installieren und aktivieren. " User-Meta-Manager “. Weitere Informationen finden Sie in unserem Leitfaden unter Wie man ein Plugin auf WordPress installiert (hinzufügt)
Nachdem Sie das Plugin aktiviert haben, müssen Sie zum folgenden Speicherort wechseln Benutzer> Benutzer verwalten Und fügen Sie Metas hinzu, um fortzufahren.
Sie müssen jedoch zuerst einen Schlüssel eingeben. Mit diesem Schlüssel erfahren Sie, wie das benutzerdefinierte Benutzerprofilfeld intern erkannt wird.
Dann müssen Sie einen Feldtyp auswählen. In diesem Beispiel verwenden wir ein URL-Feld, um die Facebook-Profil-URL hinzuzufügen. Unter « Label », Sie müssen die Beschriftung eingeben, die für Benutzer sichtbar ist, wenn Sie dieses Feld ausfüllen.
Bevor Sie fortfahren, entdecken Sie Wie benutzerdefinierte Felder auf Wordpress anzuzeigen
Klicken Sie auf die Schaltfläche Submit "(einreichen), um das benutzerdefinierte Metafeld hinzuzufügen. Sie können dann die Sektion besuchen Benutzer »Dein Profil Das Feld sehen.
Nachdem wir ein benutzerdefiniertes Feld erstellt haben, fügen wir es dem benutzerdefinierten Registrierungsformular in WPForms hinzu.
gehe zu WPForms »Alle Formen » um Ihr personalisiertes Registrierungsformular zu ändern oder ein neues zu erstellen.
Klicken Sie anschließend im linken Bereich auf ein Feld, um es Ihrem Formular hinzuzufügen. In diesem Beispiel fügen wir ein Feld hinzu " URL der Website Zu unserer Form.
Das Feld Webseite/ URL Wird jetzt in der Vorschau Ihres Formulars angezeigt. Sie müssen nur darauf klicken und WPForms zeigt seine Eigenschaften im linken Bereich an.
Wir müssen das Website-Label ändern " Webseite / URL Für " URL Facebook-Profil“. Sie können auch eine Beschreibung für das Feld hinzufügen.
Vergessen Sie nicht, auf den Button «zu klicken. Registrieren In der oberen rechten Ecke des Bildschirms, um Ihr Formular zu speichern.
Dann müssen Sie auf die Schaltfläche klicken Parameter (Einstellungen) für die erweiterten Einstellungen des Formulars. Auf der Seite Einstellungen ", Klick auf das" Registrierung ".
WPForms zeigt Ihre Felder und ein Dropdown-Menü an, in dem Sie auswählen können, welches Registrierungsfeld Sie verwenden können. " Mapper"(Login oder harmonisieren).
Unsere Ideen für 8 Premium WordPress Plugins zum Erstellen von benutzerdefinierten Feldern
Sie werden feststellen, dass WPForms " Karten »Automatisch Ihre Standardfelder wie Name, E-Mail, Passwort usw.
Sie können eine Seite auswählen, auf der Benutzer umgeleitet werden sollen, sobald sie das Formular validiert haben.
Sie müssen nach unten zu " Benutzerdefiniertes Benutzer-Meta “. Hier können Sie den zuvor erstellten benutzerdefinierten Metaschlüssel eingeben und dann das Feld des Formulars auswählen, das Sie "zuordnen" möchten.
Vergessen Sie nicht, Ihre Einstellungen zu speichern
So fügen Sie ein Registrierungsformular bei WordPress hinzu
Bevor Sie mit diesem Teil beginnen, laden wir Sie ein, es zu entdecken Wie eine benutzerdefinierte Registrierungsseite auf Wordpress erstellen.
Wenn es fertig ist, fügen wir ein Formular in WordPress hinzu
WPForms erleichtert das Hinzufügen von Widgets in der Seitenleiste oder in Ihren Seiten und Artikeln. Sie müssen zunächst einen Artikel / eine Seite bearbeiten.
Auf dem Bearbeitungsbildschirm sehen Sie die neue Schaltfläche WPForms.
Wenn Sie darauf klicken, wird ein Kontextmenü angezeigt. Sie müssen Ihr Formular aus dem Dropdown-Menü auswählen und dann auf " Formular hinzufügen ".
Sie werden feststellen, dass der Shortcode " WPForms Wird im Inhaltseditor Ihres Artikels angezeigt. Sie können jetzt Ihre Beiträge / Seiten veröffentlichen oder speichern und dann eine Vorschau Ihres Formulars anzeigen.
Mit WPForms können Sie auch Ihr benutzerdefiniertes Registrierungsformular in der Seitenleiste hinzufügen. Besuchen Sie das Menü Aussehen >> Widgets >>und fügen Sie ein Widget hinzu WPForms Zu einer Seitenleiste.
Sie müssen das anzuzeigende Formular aus dem Dropdown-Menü in den Widget-Einstellungen auswählen. Vergessen Sie nicht, die Widget-Einstellungen zu speichern.
Jetzt können Sie Ihre Website besuchen, um Ihr personalisiertes Registrierungsformular in Aktion zu sehen.
Damit ist die Erstellung eines personalisierten Registrierungsformulars beendet. Bevor Sie fortfahren, empfehlen wir Ihnen, den Artikel zu lesen WPForms: Das beste WordPress-Plugin zum Erstellen eines Kontaktformulars
Wenn Sie nach anderen Premium-Lösungen suchen, um offensichtlich die gleiche Aufgabe zu erfüllen, sehen Sie sich unsere 3 an Wordpress-Plugins unten.
1. WP Benutzerdefinierter Administrator-Login
WP Custom Admin Login ist a WordPress Plugin Anpassung der Standard-Anmeldeseite von WordPress Premium. Sie können diese Seite über den WordPress Customizer anpassen und verfügen über mehr als 25 beeindruckende Seitenvorlagen, aus denen Sie vollständig auswählen können.
Selbst wenn Sie keine Programmierkenntnisse haben, können Sie in kürzester Zeit eine außergewöhnliche Anmeldeseite erstellen. Die visuelle Oberfläche ist sehr intuitiv, sodass Sie Ihre Anmeldeseite nach Ihren Wünschen konfigurieren können. Es werden Videos und Bilder unterstützt, die als Hintergrund auf Ihrer Seite verwendet werden können.
Herunterladen | Demo | Web-Hosting
2. Flex-Register
Flex-Register ist ein WordPress Plugin mit dem Sie ein Registrierungs- oder Anmeldeformular in eine Lightbox einfügen können. Eine Aktualisierung der Seite ist nicht erforderlich und es funktioniert sofort nach der Installation. Daher ist keine Konfiguration erforderlich.
Es kümmert sich auch darum, Ihr Formular an den Stil des aktiven WordPress-Themes auf Ihrer Website anzupassen. Als Feature bietet es unter anderem: ein sauberes Design und gut kommentierten Code, sein vollständig anpassbares Erscheinungsbild, Kompatibilität mit den meisten ds WordPress-Themes beliebt, Cross-Browser-Unterstützung und mehr.
Herunterladen | Demo | Web-Hosting
3. Login Ninja
Ce WordPress Plugin ermöglicht es Ihnen, Ihre Anmeldeseite anzupassen. Es ist mehr als nur das Anpassen Ihres Anmeldeformulars. Sie können die gesamte Seite anpassen, ihre Farbe ändern, ein Hintergrundbild hinzufügen, ein Logo hinzufügen und vieles mehr.
Weitere Funktionen sind: Schutz von Anmelde- und Registrierungsformularen mit Captcha, automatisches und manuelles Verbot von IPs, die Sie mit brutaler Gewalt angreifen, ein detailliertes Protokoll aller verbindungsbezogenen Aktivitäten, Benutzerumleitung basierend auf Rollen und Benutzernamen, Empfang von E-Mail-Benachrichtigungen für alle Anmeldeereignisse, benutzerfreundliche grafische Oberfläche, detaillierte Dokumentation und mehr.
Herunterladen | Demo | Web-Hosting
Andere empfohlene Ressourcen
Möchten Sie andere Arten von Formularen erstellen? Schauen Sie sich diese Liste der empfohlenen Ressourcen an.
- WPForms Review: Ist es das beste Plugin für Ihre Formulare?
- Wie man DSPR-konforme Formulare auf WordPress erstellt
- Forminator: der Freiformgenerator mit Berechnungen und Zahlungen auf WordPress
Fazit
Voila! Das war's für dieses Tutorial. Ich hoffe, Sie können auf einfache Weise eine benutzerdefinierte Registrierungsform für WordPress erstellen. Wir laden Sie auch ein, unsere zu konsultieren Ressourcen, wenn Sie ein Anfänger Blogger sind.
Wenn Sie Vorschläge oder Anmerkungen haben, sind diese willkommen. Aber wenn Sie mochten, zögern Sie nicht Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.
...