Springe zum Hauptinhalt

So erstellen Sie eine Registrierungsseite in Elementor

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.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 eine Registrierungsseite in Elementor erstellen?

Wenn Sie eine WordPress-Website erstellen möchten, die eine Benutzerregistrierung ermöglicht, ist die Registrierungsseite das Wichtigste, was Sie bereitstellen müssen. Elementor hat kein Standard-Widget zum Hinzufügen eines Registrierungsformulars zu einer Seite, aber Sie können eines mithilfe des Formular-Widgets mit einem kleinen Trick hinzufügen. Wir werden es in Kürze in diesem Artikel erfahren.

Da das Formular-Widget nur auf Elementor Pro verfügbar ist, müssen Sie Ihr Elementor auf die Pro-Version aktualisieren.

So erstellen Sie ein Registrierungsformular in Elementor

Elementor hat kein Standard-Widget zum Hinzufügen eines Registrierungsformulars. Aber wie bereits erwähnt, können Sie mit einem kleinen Trick mit dem Formular-Widget eine Benutzerregistrierungsseite erstellen. Es gibt zwei Komponenten, die Sie benötigen:

  • Das Benutzerregistrierungsformular selbst
  • Ein PHP-Skript, mit dem Sie einen neuen Benutzer hinzufügen können

Bevor wir beginnen, nehmen wir an, dass Sie Elementor seit einiger Zeit verwenden und bereits ein Formular mit dem Formular-Widget erstellt haben.

Wenn Sie fertig sind, führen Sie die folgenden Schritte aus, um eine Registrierungsseite in Elementor zu erstellen.

Schritt 1: Erstellen Sie das Registrierungsformular

Erstellen Sie zunächst eine neue Seite und bearbeiten Sie sie mit Elementor. Natürlich können Sie auch eine bestehende Seite bearbeiten. Fügen Sie im Elementor-Editor das Formular-Widget zum Bearbeitungsfeld hinzu, indem Sie es aus dem linken Bereich ziehen.

Gehen Sie zum linken Bereich, um das Formular anzupassen. Der erste Block von Optionen, den Sie öffnen müssen, ist der Block Formularfelder unter der Registerkarte Inhalt. Das Registrierungsformular, das wir erstellen werden, besteht aus 5 Feldern wie folgt:

Champ Feldtyp Etikett
Vorname Text Vorname
Name Text Name
Benutzer (erforderlich) Text Benutzer
E-Mail (obligatorisch) E-Mail E-Mail
Passwort erforderlich) mot de passe Passwort

Formularname: Erstellen Sie einen neuen Benutzer

Eine entscheidende Sache zu beachten. Stellen Sie sicher, dass Sie genau die gleichen Feldbezeichnungen wie in der obigen Tabelle verwenden, einschließlich Groß- und Kleinschreibung, da sie als Variablen in dem von uns verwendeten PHP-Skript verwendet werden.

Lesen Sie auch: So erstellen Sie ein Cookie-Zustimmungs-Popup mit Elementor

Achten Sie auch darauf, Ihrem Formular einen Namen zu geben. Stellen Sie auch hier sicher, dass Sie genau denselben Namen (einschließlich Groß- und Kleinschreibung) verwenden, den wir in diesem Beispiel verwenden (in diesem Fall "Neuen Benutzer erstellen").

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]

Hier ist das Beispiel für das von uns erstellte Formular.

Sobald die Definition der Formularfelder abgeschlossen ist, öffnen Sie den Block Aktion nach dem Absenden. Da Sie ein Benutzerregistrierungsformular erstellen möchten, können Sie die Aktion auf . setzen Umleiten.

Im Block Umleiten, Fügen Sie die URL ein, an die Ihre Benutzer weitergeleitet werden sollen, nachdem Sie einen neuen Benutzer erstellt haben. Sie können sie beispielsweise auf die Anmeldeseite Ihrer Website umleiten.

So erstellen Sie eine Registrierungsseite in Elementor

Öffne den Block Zusätzliche Optionen und aktivieren Sie die Option Maßgeschneidert Mitteilungen. Sie können die Erfolgsmeldung durch etwas wie „Benutzer wurde erstellt“ ersetzen.

Ihr Formular ist nun fertig. Sie können die Seite veröffentlichen, nachdem Sie die Bearbeitung abgeschlossen haben.

Schritt 2: Fügen Sie eine neue Funktion hinzu, um einen neuen Benutzer hinzuzufügen

Hier ist das PHP-Skript, mit dem Sie Ihrer WordPress-Website einen neuen Benutzer hinzufügen können.

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]

add_action ('elementor_pro/forms/new_record', 'blogpascher_creer_un_nouvel_user', 10, 2); Funktion blogpascher_creer_un_new_user ($ record, $ ajax_handler) {$ form_name = $ record-> get_form_settings ('form_name'); // Prüfen Sie, ob das Formular "neuen Benutzer erstellen" ist, andernfalls - stop and return; if ('Neuen Benutzer erstellen'! == $ form_name) {return; } $ form_data = $ record-> get_formatted_data (); $ user = $ form_data ['Benutzer']; // Holen Sie sich den als "Benutzername" eingegebenen Wert $ ​​password = $ form_data ['Password']; // Holen Sie sich den als "Password" eingegebenen Wert $ email = $ form_data ['Email']; // Holen Sie sich den als "Email" eingegebenen Wert $ user = wp_create_user ($ username, $ password, $ email); // Einen neuen Benutzer erstellen, wenn erfolgreich, gib die user_id zurück if (is_wp_error ($ user)) {// wenn ein Fehler beim Erstellen eines neuen Benutzers aufgetreten ist $ ajax_handler-> add_error_message ("Impossible create a new user: ". $ user-> get_error_message ()); // Nachricht hinzufügen $ ajax_handler-> is_success = false; return;} $ first_name = $ form_data [" First name "]; //Holen Sie sich den eingegebenen Wert als "Vorname"
    $ nachname = $ form_data ["Name"]; //Holen Sie sich den eingegebenen Wert als "Nom"
    wp_update_user (Array ("ID" => $ user, "first_name" => $ first_name, "last_name" => $ last_name)); // Aktualisieren Sie den Benutzer mit dem Vor- und Nachnamen}

Sie können den obigen Code in die Datei einfügen functions.php Ihres Themas. Gehen Sie dazu zu Aussehen -> Theme-Editor auf Ihrem WordPress-Dashboard. Klicken Sie auf die Datei functions.php auf der rechten Seite, um es zu bearbeiten und das PHP-Skript am Ende der Datei einzufügen Funktionen.php.

Hier ist eine Vorschau.

So erstellen Sie eine Registrierungsseite in Elementor

Klicken Sie auf die Schaltfläche Update-Datei im Editor, um die Datei zu aktualisieren functions.php.

Mögliche Fehler

Sobald Ihre Benutzer erfolgreich ein neues Konto erstellt haben, besteht eine gute Chance, dass sie auch nach erfolgreicher Anmeldung nicht auf das WordPress-Dashboard zugreifen können. Wenn dieses Problem auftritt, ändern Sie die Rolle des Benutzers in Mitwirkender oder eine höhere Rolle (Autor oder Bearbeiter).

Lesen Sie auch: So exportieren und importieren Sie Elementor-Modelle

Gehen Sie dazu zu Konten -> Alle Konten. Fahren Sie mit der Maus über einen Benutzer, dessen Rolle Sie ändern möchten, und klicken Sie auf den Link Bearbeiten.

Scrollen Sie nach unten zur Option Rolle und wählen Sie eine neue Rolle aus dem Dropdown-Menü aus. Klicken Sie auf die Schaltfläche Benutzer aktualisieren unten, um die neue Änderung anzuwenden.

Wenn Sie möchten, dass jeder neu registrierte Benutzer eine Mitwirkenderrolle hat, können Sie diese (die Mitwirkendenrolle) als Standardrolle festlegen.

Siehe auch: So erstellen Sie eine Anmeldeseite mit Elementor

Gehen Sie dazu zu Einstellungen -> Allgemein. Scrollen Sie nach unten zur Option Standardrolle für jedes neue Konto und wählen Sie eine Standardrolle aus dem Dropdown-Menü aus. Vergiss nicht auf den Button zu klicken Änderungen speichern unten, um die neue Änderung anzuwenden.

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]

Wenn Sie weiterhin möchten, dass neue Benutzer eine Abonnentenrolle haben und ihnen Zugriff auf das WordPress-Dashboard gewähren möchten, können Sie versuchen, das Problem zu beheben, indem Sie aktive Plugins vorübergehend deaktivieren und nacheinander wieder aktivieren das Problem verursacht.

Holen Sie sich jetzt Elementor Pro!

Fazit

Hier ist ! Das war's für diesen Artikel, der Ihnen zeigt, wie Sie eine Anmeldeseite in Elementor erstellen. Wenn Sie Bedenken haben, wie Sie dorthin gelangen, flass es uns wissen im commentaires.

Sie können sich aber auch beraten unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.

...

Dieser Artikel enthält Kommentare 0

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
0 Aktien
Aktie
tweet
Registrieren