Wenn Sie eine Mitgliedschaftswebsite erstellen möchten, auf der sich Personen anmelden, um spezielle Funktionen nutzen zu können, sollten Sie eine eigene Anmelde- und Registrierungsseite erstellen. Auf diese Weise können Sie Ihre Website professioneller gestalten, während des Anmeldevorgangs zusätzliche Benutzerinformationen anfordern und vieles mehr.
Aus diesem Grund haben wir ein detailliertes Tutorial zusammengestellt, das Ihnen beim Erstellen einer benutzerdefinierten Anmelde- und Registrierungsseite mit dem Elementor Page Builder- plugin hilft .
Elementor ist mit Abstand eines der beliebtesten und plugin für den Seitenersteller für WordPress. Die kostenlose Version des plugin unzählige Blöcke und Widgets für die grundlegende Erstellung von Websites. Während es eine Pro-Version des plugin gibt, die erweiterte Widgets und Blöcke bietet.
Jetzt ist das mit Elementor gelieferte Formularerstellungs-Widget in seiner Pro-Version gesperrt. Anstatt jedoch Elementor Pro zum Erstellen Ihres Registrierungsformulars zu verwenden, empfehlen wir Ihnen, sich stattdessen für das Ultimate Addon for Elementor (UAE) plugin zu entscheiden, da es im Vergleich zu Elementor Pro viele leistungsstarke Blöcke und Widgets enthält.
Inhaltsverzeichnis
- Vorteile der Erstellung einer benutzerdefinierten Registrierungsseite
- 1. Personalisieren Sie die Benutzerregistrierungsseiten
- 2. Sammeln Sie alle erforderlichen Informationen aus einem einzigen Formular
- 3. Passen Sie die Benutzererfahrung an
- 4. Bekämpfung von Spam und Verbesserung der Sicherheit
- 5. Perfekt für Ihren Markenstil
- Wie erstelle ich ein benutzerdefiniertes Benutzerregistrierungsformular mit Elementor?
- Schritt 1: Erstellen Sie ein Benutzerregistrierungsformular mit dem UAE- Plugin (Ultimate Addon for Elementor)
- Schritt 2: Konfigurieren Sie Ihre Formulareinstellungen
- Neue Benutzerrolle
- Nach Registrierungsaktionen auswählen
- Schritt 3: Fügen Sie das Benutzerregistrierungsformular zu Ihrer Website hinzu
- Fazit:
Vorteile der Erstellung einer benutzerdefinierten Registrierungsseite
Allein in Bezug auf die Funktionalität ist es kein Problem, eine generisch aussehende Registrierungsseite auf Ihrer Website zu verwenden. Wenn Sie dies jedoch tun, werden Sie die unzähligen Vorteile verpassen, die eine für Ihre Website maßgeschneiderte Registrierungsseite mit sich bringt.
Im Folgenden finden Sie einige der wichtigsten Vorteile der Erstellung einer benutzerdefinierten Registrierungsseite, um Ihnen eine Vorstellung zu geben:
1. Personalisieren Sie die Benutzerregistrierungsseiten
Mithilfe von benutzerdefinierten Registrierungsseiten können Sie Registrierungsformulare mit benutzerdefinierten Feldern erstellen und diese gemäß Ihren Anforderungen gestalten. Sie können die Formulare so gestalten, dass sie Ihren Anforderungen und Anforderungen entsprechen und mit Ihrer Geschäftsidee und Ihrer Website übereinstimmen.
Das Benutzerregistrierungsformular-Widget kann für Folgendes verwendet werden:
- Eine elegante Lösung, um Mitglied eines Online-Shops zu werden
- Ein benutzerdefiniertes WordPress-Registrierungsformular, das Ihr Unternehmen widerspiegelt
- Ein sicheres Formular für Foren und E-Learning-Websites
- Ein individuelles Registrierungsformular für Mitgliedschaftswebsites
2. Sammeln Sie alle erforderlichen Informationen aus einem einzigen Formular
Wenn Sie bestimmte Informationen von Ihren Mitgliedern sammeln möchten, können Sie diese in Ihr Registrierungsformular aufnehmen.
Es ist also nicht nur ein Benutzername und ein Passwort, die ein Benutzer auswählen kann, und das ist alles. Sie können weitere Formularfelder wie Name, E-Mail-Adresse, Kontaktdaten usw. hinzufügen. Mit Hilfe von benutzerdefinierten Feldern, in denen Sie Teil Ihres Registrierungsformulars sein können, können Sie elegant umfassende Formulare erstellen.
3. Passen Sie die Benutzererfahrung an
Sie können Ihren Mitgliedern eine angepasste Benutzererfahrung bieten. Dies kann darin bestehen, Benutzer auf eine bestimmte Seite umzuleiten, sich automatisch bei ihren Konten anzumelden oder eine E-Mail in ihren Posteingang zu senden.
4. Bekämpfung von Spam und Verbesserung der Sicherheit
Mit Honeypot und ReCaptcha können Sie Spammer bekämpfen und gefälschte Registrierungen verhindern.
5. Perfekt für Ihren Markenstil
Ein Registrierungsformular sollte genauso aussehen wie die anderen Seiten Ihrer Website. Mit benutzerdefinierten Registrierungsformularen können Sie Formulare erstellen, die mit Ihrem Unternehmen in Einklang stehen.
Wie erstelle ich ein benutzerdefiniertes Benutzerregistrierungsformular mit Elementor?
Nachdem Sie nun ein grundlegendes Verständnis dafür haben, wie ein benutzerdefiniertes Benutzerregistrierungsformular Ihnen beim Geschäft helfen kann, finden Sie hier eine umfassende Schritt-für-Schritt-Anleitung zur Verwendung von Elementor und dem UAE-Addon, mit der Sie Ihre eigene benutzerdefinierte Benutzeranmeldeerfahrung erstellen können.
Hier finden Sie eine dreistufige Anleitung zum Erstellen eines Benutzerregistrierungsformulars für Ihre Website.
Hinweis : Bevor Sie fortfahren, vergewissern Sie sich, dass Sie die Mitgliedschaftsoption aktiviert haben, indem Sie zu Dashboard > Einstellungen > Allgemein > Mitgliedschaft: Aktiviert gehen .
Durch Aktivieren der Mitgliedschaftsoption kann sich jeder Benutzer auf Ihrer Website registrieren.
Schritt 1: Erstellen Sie ein Benutzerregistrierungsformular mit dem UAE- Plugin (Ultimate Addon for Elementor)
Um ein benutzerdefiniertes Benutzerregistrierungsformular zu erstellen, stellen Sie sicher, dass Sie über die aktualisierte Version des UAE- plugin mit aktiviertem Block verfügen .
Nachdem Sie die Voraussetzungen für die Erstellung einer Anmeldeseite sichergestellt haben, müssen Sie eine neue Seite erstellen oder hinzufügen . Bearbeiten Sie die Seite, auf der Sie das Benutzerregistrierungsformular anhängen möchten.
Wenn Sie das Widget ziehen und ablegen, werden die Standardformularfelder angezeigt.
Sie können mit den Feldern herumspielen - Sie können ein Feld entfernen, das Sie nicht benötigen, oder andere Felder wie Benutzername, Vorname usw. hinzufügen.
Es besteht die Möglichkeit, die erforderliche und die Spaltenbreite in einzelnen Formularfeldern zu verwalten.
Sie können auch die Eingabegröße und die Beschriftungen von Feldern (unabhängig davon, ob Sie sie anzeigen oder ausblenden möchten) oder die erforderliche Markierung verwalten.
Schritt 2: Konfigurieren Sie Ihre Formulareinstellungen
Nachdem Sie die Grundlagen behandelt haben, können Sie die Formulareinstellungen im Abschnitt Allgemeine Einstellungen konfigurieren . Hier können Sie folgende Funktionen ausführen:
- Neue Benutzerrolle
- Wählen Sie "Nach Registrierungsaktionen".
Hier ist eine detaillierte Darstellung der beiden:
Neue Benutzerrolle
Wenn Sie eine Mitgliedschaftsseite haben, die erfordert, dass ein Benutzer ihn auf Ihrer Website registriert, dann weisen Sie standardmäßig die „Benutzerrolle“ als Abonnent .
Sie können eine Standardbenutzerrolle für Ihre Mitglieder festlegen. Die zugewiesene Rolle wird für alle neuen Benutzer festgelegt, wenn sie sich auf Ihrer Website registrieren.
Nach Registrierungsaktionen auswählen
Ein Benutzer kann mithilfe des Benutzerregistrierungsformular-Widgets die folgenden Aktionen auswählen, die er ausführen kann, nachdem er sich auf einer Mitgliederseite registriert hat:
- Automatische Anmeldung : Mit dieser Option können Sie dem Benutzer erlauben, sich automatisch bei Ihrer Website anzumelden. Nach der erstmaligen Angabe der Anmeldeinformationen muss sich der Benutzer nicht erneut anmelden, da er nach erfolgreicher Registrierung automatisch auf der Website angemeldet wird.
- Weiterleitung nach Registrierung : Mit dieser Option können Sie die Benutzer nach erfolgreicher Registrierung auf eine Willkommensseite oder eine Anmeldeseite umleiten. Sie können eine Weiterleitungsseite festlegen, indem Sie die URL der gewünschten Seite in das URL-Feld unter dieser Option einfügen.
- E-Mail senden: Wenn der Benutzer ihn erfolgreich auf Ihrer Website registriert, sendet diese Option eine E-Mail an ihn, in der seine Registrierung bestätigt wird. Der Inhalt der E-Mail ist anpassbar, und Sie können diese E-Mails für mehr Wärme persönlich gestalten. Wenn Sie jedoch allen Benutzern dieselbe E-Mail senden möchten, können Sie dies auch tun, indem Sie diese Option erkunden.
- Nach Registrierung ausblenden: Manchmal möchten Sie möglicherweise das Benutzerregistrierungsformular ausblenden, nachdem er sich erfolgreich auf Ihrer Website registriert hat. Mit der Option "Nach Registrierung ausblenden" können Sie das Registrierungsformular ausblenden, während Sie zu einer Anmeldeseite führen, oder einfach die Meldung "Erfolgreich" anzeigen, nachdem Sie ihnen einen Link zum Aufrufen der Anmeldeseite für den Zugriff auf die Website bereitgestellt haben. Sie finden diese Option im Abschnitt Allgemeine Einstellungen auf der Registerkarte Inhalt des Widgets.
Anschließend können Sie das Benutzerregistrierungsformular über die Registerkarte Stil des Widgets entwerfen und formatieren.
Danach sind Sie mit dem Erstellungs- und Konfigurationsprozess für das Widget "Benutzerregistrierungsformular" fertig. Das Formular kann auf der Live-Website live geschaltet werden.
Schritt 3: Fügen Sie das Benutzerregistrierungsformular zu Ihrer Website hinzu
Dieser Teil ist ziemlich einfach und einfach. Sie können dieses Widget wie jedes andere Elementor-Widget direkt per Drag & Drop hinzufügen. Sie können auch den Abschnitt mit dem Widget speichern und den gespeicherten Abschnitt auf der erforderlichen Registrierungsseite abrufen.
Im Folgenden haben wir einige weitere Möglichkeiten ausgearbeitet, mit denen Sie Widgets im Elementor-Editor hinzufügen können.
zB für das Benutzerregistrierungsformular auf einer WooCommerce-Seite
Wenn Sie eine benutzerdefinierte WooCommerce-Seite, dh Meine Kontoseite, unter dem Namen Benutzerdefinierte Kontoseite erstellen möchten, können Sie einfach:
Mit einem Klick auf die Schaltfläche "Mit Elementor bearbeiten" gelangen Sie zum Elementor-Editor.
Wir können ein weiteres Registrierungsformular wie dieses erstellen und es zur Verwendung auf der Seite "Benutzerdefiniertes Konto" speichern, indem wir die oben genannten Schritte ausführen.
Um die Seite als "Meine Kontoseite" festzulegen, rufen Sie das WordPress-Dashboard auf. Und folgen Sie dem folgenden Pfad unter der Option WooCommerce:
WooCommerce> Einstellungen> Erweitert> Seite einrichten> Seite Mein Konto> Seite Mein Konto> Benutzerdefinierte Kontoseite auswählen
Sie können die Seite mit VAE auf der WooCommerce-Kontoseite sehen.
Fazit:
Mit Elementor und den Vereinigten Arabischen Emiraten können Sie für Ihre Website ein stilvolles Registrierungsformular mit einer Option Ihrer Wahl erstellen .
Wenn Sie die in diesem Artikel beschriebenen Schritte ausführen, können Sie Benutzer mithilfe des Benutzerregistrierungsformular-Widgets der VAE registrieren . Es ist eine einfache und elegante Lösung zum Erstellen eines stilvollen Benutzerregistrierungsformulars für Ihre neuen Benutzer.
