Möchten Sie eine Registrierungsseite in Elementor erstellen?
Wenn du willst Erstelle eine Website WordPress, das die Benutzerregistrierung ermöglicht, das Wichtigste, was Sie bereitstellen müssen, ist die Registrierungsseite. Elementor hat kein Standard-Widget zum Hinzufügen eines Formular Abonnement für eine Seite, aber Sie können eines mit dem Widget hinzufügen Form mit einem kleinen trick. Wir werden es in Kürze in diesem Artikel herausfinden.
Da das Widget Form ist nur auf Elementor Pro verfügbar. Sie müssen 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) | ||
| 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").
Hier ist das Beispiel für das von uns erstellte Formular.
Sobald die Definition ausgefüllte Formularfelder, ö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.
Öffne den Block Basics 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.
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.
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.
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!
Zusammenfassung
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.
...
