Springe zum Hauptinhalt

Wie eine benutzerdefinierte Registrierungsseite auf Wordpress erstellen

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 701.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

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.

wpform-Lizenz-Schlüssel

Dann gehe zu " WPForms> Addons “. Klicken Sie auf die Schaltfläche installieren Addon »Auf der Verlängerung« Formulare Benutzerregistrierung ".

Dehn-Benutzer-Anmeldeformular

WPForms lädt die Erweiterung herunter und installiert sie. Sie müssen auf die Schaltfläche klicken „Aktivieren“ um die Erweiterung zu verwenden.

Die Erweiterung-activate-on-Wordpress

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).

builder wpforms

WPForms erstellt ein einfaches Registrierungsformular für Sie. Dieses Beispiel enthält die folgenden Felder.

  • Nachname Vorname
  • Benutzername
  • E–Mail
  • 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 ". 

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

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.

fügen meta-des-Nutzer- Fertigt

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 « Discographie », 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 Senden "(einreichen), um das benutzerdefinierte Metafeld hinzuzufügen. Sie können dann die Sektion besuchen Benutzer »Dein Profil Das Feld sehen.

new-Feld-Facebook-Profil

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.

Add-a-new-Feld-wpforms

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.

Modifizieren eines Login-Feld Wordpress-Plugin WPForms

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).

Entdecken Sie unsere 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.

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

Mapper-a-field-customize-wpforms

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.

Add-a-Form-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.

PREVIEW-of-Form, besonders anfertigt

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.

Form-of-the-bar-Side

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.

Form-customize-Wordpress

 

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, lesen Sie unsere 3 WordPress-Plugins unten.

1. WP Benutzerdefinierter Administrator-Login

WP Custom Admin Login ist ein Premium-WordPress-Plugin zum Anpassen der standardmäßigen WordPress-Anmeldeseite. Sie können diese Seite über den WordPress-Customizer anpassen und erhalten mehr als 25-Seitenvorlagen, aus denen Sie auswählen können.

Wp benutzerdefinierte Admin Login WordPress Plugin, um eine angepasste Admin Login Seite zu erstellen

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.

Download | Demo | Web-Hosting

2. Flex-Register

Flex-Register ist ein WordPress-Plugin, mit dem Sie ein Registrierungs- oder Anmeldeformular in einen Leuchtkasten einfügen können. Eine Aktualisierung der Seite ist nicht erforderlich und funktioniert sofort nach der Installation. Es ist daher keine Konfiguration erforderlich.

Flex Register Bootstrap 3 Lightbox für Register WordPress

Es wird auch dafür gesorgt, dass Ihr Formular mit dem Stil des aktiven WordPress-Themas auf Ihrer Website übereinstimmt. Als Feature bietet es unter anderem: ein schlankes Design und gut kommentierten Code, ein vollständig anpassbares Erscheinungsbild, Kompatibilität mit den meisten gängigen WordPress-Themes, Unterstützung für mehrere Browser und vieles mehr.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Download | Demo | Web-Hosting

3. Login Ninja

Mit diesem WordPress-Plugin können Sie Ihre Anmeldeseite anpassen. Es ist mehr als nur das Anpassen Ihres Anmeldeformulars. Sie können die gesamte Seite anpassen, die Farbe ändern, ein Hintergrundbild hinzufügen, ein Logo hinzufügen und vieles mehr.Ninja Login WordPress Plugin

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.

Download | Demo | Web-Hosting

Andere empfohlene Ressourcen

Möchten Sie andere Arten von Formularen erstellen? Schauen Sie sich diese Liste der empfohlenen Ressourcen an. 

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.

...  

Dieser Artikel enthält 1 Kommentar

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
8 Aktien
Aktie6
tweet2
Registrieren