Erstellung eines Anmelde- und Registrierungsformulars für Elementor

Wenn Sie eine Mitglieder-Website erstellen möchten, auf der sich Personen anmelden, um spezielle Funktionen zu nutzen, sollten Sie besser 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.

Deshalb haben wir ein detailliertes Tutorial zusammengestellt, das Ihnen beim Erstellen einer benutzerdefinierten Anmelde- und Registrierungsseite mit dem Elementor-Seitenersteller- plugin .

Elementor ist mit Abstand eines der beliebtesten und funktionsreichsten Seitenerstellungs- plugin für WordPress. Die kostenlose Version des plugin enthält jede Menge Blöcke und Widgets für die grundlegende Website-Erstellung. hingegen eine Pro-Version des plugin , die erweiterte Widgets und Blöcke bietet.

Jetzt ist das mit Elementor gelieferte Formularerstellungs-Widget in der Pro-Version enthalten. Anstatt jedoch Elementor Pro für die Erstellung Ihres Registrierungsformulars zu verwenden, empfehlen wir Ihnen, sich stattdessen für das Ultimate Addon for Elementor (UAE) plugin , da es im Vergleich zu Elementor Pro über viele leistungsstarke Blöcke und Widgets verfügt.

Inhaltsverzeichnis

• Vorteile der Erstellung einer benutzerdefinierten Registrierungsseite
• 1. Personalisieren Sie die Benutzerregistrierungsseiten
• 2. Sammeln Sie alle erforderlichen Informationen in einem einzigen Formular
• 3. Passen Sie die Benutzererfahrung an
• 4. Spam bekämpfen und die Sicherheit verbessern
• 5. Perfekt für Ihren Markenstil
• Wie erstelle ich mit Elementor ein benutzerdefiniertes Benutzerregistrierungsformular?
• Schritt 1: Erstellen Sie ein Benutzerregistrierungsformular mit dem UAE Plugin (Ultimate Addon für Elementor).
• Schritt 2: Konfigurieren Sie Ihre Formulareinstellungen
• Neue Benutzerrolle
• Wählen Sie Aktionen nach der Registrierung aus
• Schritt 3: Fügen Sie das Benutzerregistrierungsformular zu Ihrer Website hinzu
• Abschluss:

Vorteile der Erstellung einer benutzerdefinierten Registrierungsseite

Allein im Hinblick auf die Funktionalität stellt die Verwendung einer generisch aussehenden Registrierungsseite auf Ihrer Website kein Problem dar. Wenn Sie dies jedoch tun, verpassen Sie die unzähligen Vorteile, die eine auf Ihre Website zugeschnittene Registrierungsseite mit sich bringt.

Hier ist ein Blick auf einige der wichtigsten Vorteile der Erstellung einer benutzerdefinierten Registrierungsseite, um Ihnen eine Vorstellung zu geben:

1. Personalisieren Sie die Benutzerregistrierungsseiten

Mithilfe benutzerdefinierter Registrierungsseiten können Sie Registrierungsformulare mit benutzerdefinierten Feldern erstellen und diese gemäß Ihren Anforderungen gestalten. Sie können die Formulare nach Ihren Bedürfnissen und Anforderungen gestalten, sodass sie zu Ihrer Geschäftsidee und Ihrer Website passen.

Das Widget „Benutzerregistrierungsformular“ kann für Folgendes verwendet werden:

• Eine elegante Lösung, um Mitglied eines Online-Shops zu werden
• Ein individuelles WordPress-Registrierungsformular, das Ihr Unternehmen widerspiegelt
• Ein sicheres Formular für Foren und E-Learning-Websites
• Ein maßgeschneidertes Registrierungsformular für Mitglieder-Websites

2. Sammeln Sie alle erforderlichen Informationen in einem einzigen Formular

Wenn Sie bestimmte Informationen von Ihren Mitgliedern sammeln möchten, können Sie diese in Ihr Registrierungsformular aufnehmen.

Es sind 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. Mithilfe benutzerdefinierter Felder, in die Sie einen Teil Ihres Registrierungsformulars einfügen können, können Sie umfassende Formulare elegant erstellen.

3. Passen Sie die Benutzererfahrung an

Sie können Ihren Mitgliedern ein individuelles Benutzererlebnis bieten. Dies kann darin bestehen, Benutzer auf eine bestimmte Seite umzuleiten, ihnen bei der automatischen Anmeldung bei ihren Konten zu helfen oder eine E-Mail an ihren Posteingang zu senden.

4. Spam bekämpfen und die Sicherheit verbessern

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 zu Ihrem Unternehmen passen.

Wie erstelle ich mit Elementor ein benutzerdefiniertes Benutzerregistrierungsformular?

Nachdem Sie nun ein grundlegendes Verständnis davon haben, wie ein benutzerdefiniertes Benutzerregistrierungsformular Ihrem Unternehmen helfen kann, finden Sie hier eine umfassende Schritt-für-Schritt-Anleitung zur Verwendung von Elementor und dem UAE-Add-on, um Ihnen bei der Erstellung Ihres eigenen benutzerdefinierten Benutzer-Login-Erlebnisses zu helfen.

Hier finden Sie eine dreistufige Anleitung zum Erstellen eines Benutzerregistrierungsformulars für Ihre Website.

Hinweis : Bevor Sie fortfahren, stellen Sie sicher, dass Sie die „Mitgliedschaft“ , indem Sie zu Dashboard > Einstellungen > Allgemein > Mitgliedschaft: Aktiviert gehen .

Durch die Aktivierung der Mitgliedschaftsoption kann sich jeder Benutzer auf Ihrer Website registrieren.

Schritt 1: Erstellen Sie ein Benutzerregistrierungsformular mit dem UAE Plugin (Ultimate Addon für Elementor).

Stellen Sie zum Erstellen eines benutzerdefinierten Benutzerregistrierungsformulars sicher, dass Sie über die aktualisierte Version des UAE- plugin mit aktiviertem Block verfügen.

Sobald Sie die Voraussetzungen für die Erstellung einer Anmeldeseite sichergestellt haben, müssen Sie eine neue Seite erstellen oder hinzufügen. Und bearbeiten Sie die Seite, auf der Sie das Benutzerregistrierungsformular anhängen möchten.

Wenn Sie das Widget per Drag-and-Drop verschieben, können Sie die Standardformularfelder sehen.

Sie können mit den Feldern herumspielen – Sie können ein nicht benötigtes Feld entfernen oder andere Felder wie Benutzername, Vorname usw. hinzufügen.

Es besteht die Möglichkeit, die erforderlichen Werte und die Spaltenbreite für einzelne Formularfelder zu verwalten.

Sie können auch die Eingabegröße und die Beschriftungen der Felder (ob Sie sie anzeigen oder ausblenden möchten) oder die Erforderlich-Markierung verwalten.

Schritt 2: Konfigurieren Sie Ihre Formulareinstellungen

Nachdem Sie sich mit den Grundlagen befasst haben, können Sie die Formulareinstellungen konfigurieren, indem Sie den „Allgemeine Einstellungen“ . Von hier aus können Sie folgende Funktionen ausführen:

• Neue Benutzerrolle
• Wählen Sie „Aktionen nach der Registrierung“.

Hier ist eine detaillierte Beschreibung der beiden:

Neue Benutzerrolle

Wenn Sie über eine Mitgliedschaftsseite verfügen, die erfordert, dass ein Benutzer ihn auf Ihrer Website registriert, weisen Sie standardmäßig die „Benutzerrolle“ als Abonnent .

Sie können eine Standardbenutzerrolle für Ihre Mitglieder festlegen und die zugewiesene Rolle wird für alle neuen Benutzer festgelegt, wenn sie sich auf Ihrer Website registrieren.

Wählen Sie Aktionen nach der Registrierung aus

Ein Benutzer kann die folgenden Aktionen auswählen, die er ausführen kann, nachdem er sich auf einer Mitgliederseite registriert hat, indem er das Widget „Benutzerregistrierungsformular“ verwendet:

• Automatische Anmeldung : Mit dieser Option können Sie dem Benutzer erlauben, sich automatisch auf Ihrer Website anzumelden. Nach der erstmaligen Eingabe der Zugangsdaten muss sich der Nutzer nicht erneut anmelden, da er nach erfolgreicher Registrierung automatisch auf der Website eingeloggt 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 einrichten, indem Sie die URL der gewünschten Seite in das URL-Feld unter dieser Option einfügen.
• Eine E-Mail senden: Wenn der Benutzer ihn erfolgreich auf Ihrer Website registriert, wird ihm mit dieser Option eine E-Mail zur Bestätigung seiner Registrierung gesendet. 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 Ihren Benutzern dieselbe E-Mail senden möchten, können Sie dies auch tun, indem Sie diese Option ausprobieren.

• Nach der Registrierung ausblenden: Manchmal möchten Sie das Benutzerregistrierungsformular möglicherweise ausblenden, nachdem er sich erfolgreich auf Ihrer Website registriert hat. Mit der Option „Nach der Registrierung ausblenden“ können Sie das Registrierungsformular ausblenden, während Sie zu einer Anmeldeseite weiterleiten, oder einfach die Meldung „Erfolgreich“ anzeigen, nachdem Sie ihnen einen Link zum Besuch der Anmeldeseite bereitgestellt haben, um Zugriff auf die Website zu erhalten. Sie finden diese Option im Abschnitt „Allgemeine Einstellungen“ auf der Registerkarte „Inhalt“ des Widgets.

Anschließend können Sie das Benutzerregistrierungsformular mithilfe der Registerkarte „Stil“ des Widgets entwerfen und gestalten.

Anschließend sind Sie mit dem Erstellungs- und Konfigurationsprozess für das Benutzerregistrierungsformular-Widget fertig. Das Formular ist bereit, auf der Live-Website live zu gehen.

Schritt 3: Fügen Sie das Benutzerregistrierungsformular zu Ihrer Website hinzu

Dieser Teil ist ziemlich einfach und unkompliziert. Sie können dieses Widget wie jedes andere Elementor-Widget direkt per Drag & Drop hinzufügen. Sie können den Abschnitt mit dem Widget auch speichern und den gespeicherten Abschnitt auf der erforderlichen Registrierungsseite abrufen.

Im Folgenden haben wir einige weitere Möglichkeiten ausgearbeitet, die Ihnen beim Hinzufügen beliebiger Widgets im Elementor-Editor helfen.

zB für das Benutzerregistrierungsformular auf einer WooCommerce-Seite

Wenn Sie eine benutzerdefinierte WooCommerce-Seite, z. B. „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 auf diese Weise ein weiteres Registrierungsformular erstellen und es zur Verwendung auf der benutzerdefinierten Kontoseite speichern, indem wir die oben genannten Schritte ausführen.

Um die Seite schließlich als „Mein Konto“ festzulegen, gehen Sie zum WordPress-Dashboard. Und folgen Sie dem folgenden Pfad unter der WooCommerce-Option:

WooCommerce > Einstellungen > Erweitert > Seiteneinrichtung > Seite „Mein Konto“ > Seite „Mein Konto“ > Wählen Sie „Benutzerdefinierte Kontoseite“.

dem Benutzerregistrierungsformular-Widget der UAE sehen

Abschluss:

UAE ein stilvolles Registrierungsformular mit der gewünschten Optionspräferenz für Ihre Website erstellen .

Indem Sie die in diesem Artikel beschriebenen Schritte befolgen, können Sie Benutzer mithilfe des Benutzerregistrierungsformular-Widgets von UAE . Es ist eine einfache und elegante Lösung zum Erstellen eines stilvollen Benutzerregistrierungsformulars für Ihre neuen Benutzer.