Wil je een registratiepagina aanmaken in Elementor?
Indien u wenst maak een website WordPress waarmee gebruikersregistratie mogelijk is, het zeer cruciale dat u moet verstrekken, is de registratiepagina. Elementor heeft geen standaardwidget om toe te voegen formulier abonnement op een pagina, maar u kunt er een toevoegen met behulp van de widget Vorm met een klein trucje. We zullen het binnenkort in dit artikel ontdekken.
Sinds de widget Vorm is alleen beschikbaar op Elementor Pro, je moet je Elementor upgraden naar de pro-versie.
Hoe maak je een registratieformulier in Elementor
Elementor heeft geen standaard widget om een ​​registratieformulier toe te voegen. Maar zoals eerder vermeld, kunt u met een klein trucje een gebruikersregistratiepagina maken met behulp van de formulierwidget. Er zijn twee componenten die je nodig hebt:
- Het gebruikersregistratieformulier zelf
- Een PHP-script waarmee u een nieuwe gebruiker kunt toevoegen
Laten we, voordat we beginnen, aannemen dat je Elementor al een tijdje gebruikt en al een formulier hebt gemaakt met de Formulier-widget.
Als je klaar bent, volg je de onderstaande stappen om een ​​aanmeldingspagina te maken in Elementor.
Stap 1: Maak het registratieformulier
Maak eerst een nieuwe pagina en bewerk deze met Elementor. U kunt natuurlijk ook een bestaande pagina bewerken. Voeg onder de Elementor-editor de formulierwidget toe aan het invoervak ​​door deze vanuit het linkerdeelvenster te slepen.
Ga naar het linkerdeelvenster om het formulier aan te passen. Het eerste blok met opties dat je moet openen, is het blok Formuliervelden onder het tabblad Inhoud. Het registratieformulier dat we gaan maken, zal als volgt uit 5 velden bestaan:
| kampioen | Veld soort | label |
| voornaam | Teksten | Voornaam |
| nom | Teksten | Achternaam |
| gebruiker (verplicht) | Teksten | Gebruiker |
| E-mail (verplicht) | ||
| Wachtwoord benodigd) | wachtwoord | Wachtwoord |
Formuliernaam: Maak een nieuwe gebruiker
Een cruciaal ding om op te merken. Zorg ervoor dat u exact dezelfde veldlabels gebruikt als in de bovenstaande tabel, inclusief hoofdletters en kleine letters, aangezien deze zullen worden gebruikt als variabelen in het PHP-script dat we zullen gebruiken.
Lees ook: Een pop-up voor cookietoestemming maken met Elementor
Zorg er ook voor dat u uw formulier een naam geeft. Nogmaals, zorg ervoor dat u exact dezelfde naam gebruikt (inclusief hoofdletters en kleine letters) die we in dit voorbeeld gebruiken ("Maak een nieuwe gebruiker aan" in dit geval).
Hier is het voorbeeld van het formulier dat we hebben gemaakt.
Zodra het definitie ingevulde formuliervelden opent u het blok Actie na indienen. Aangezien u een gebruikersregistratieformulier wilt maken, kunt u de actie instellen op: redirect.
In het blok Omleiden, Plak de URL waarnaar u wilt dat uw gebruikers worden omgeleid nadat ze een nieuwe gebruiker hebben gemaakt. U kunt ze bijvoorbeeld doorverwijzen naar de inlogpagina van uw website.
Open het blok Extra opties en activeer de optie Eigen Berichten. U kunt het succesbericht vervangen door iets als "Gebruiker is aangemaakt".
Je formulier is nu klaar. U kunt de pagina publiceren nadat u klaar bent met het bewerken ervan.
Stap 2: Voeg een nieuwe functie toe om een ​​nieuwe gebruiker toe te voegen
Hier is het PHP-script waarmee u een nieuwe gebruiker aan uw WordPress-website kunt toevoegen.
add_action ('elementor_pro / forms / new_record', 'blogpascher_creer_un_nouvel_user', 10, 2); functie blogpascher_creer_un_new_user ($ record, $ ajax_handler) {$ form_name = $ record-> get_form_settings ('form_name'); // Controleer of het formulier "maak een nieuwe gebruiker" is, anders - stop en ga terug; if ('Maak een nieuwe gebruiker'! == $ form_name) {return; } $ form_data = $ record-> get_formatted_data (); $ gebruiker = $ form_data ['Gebruiker']; // Haal de waarde op die is ingevoerd als "Gebruikersnaam" $ ​​password = $ form_data ['Password']; // Haal de waarde op die is ingevoerd als "Wachtwoord" $ email = $ form_data ['E-mail']; // Haal de waarde op die is ingevoerd als "E-mail" $ user = wp_create_user ($ gebruikersnaam, $ wachtwoord, $ e-mail); // Maak een nieuwe gebruiker, indien succesvol retourneer de user_id if (is_wp_error ($ gebruiker)) {// als er een fout is opgetreden bij het maken van een nieuwe gebruiker $ ajax_handler-> add_error_message ("Onmogelijk om een ​​nieuwe gebruiker aan te maken: ". $ user-> get_error_message ()); // voeg het bericht toe $ ajax_handler-> is_success = false; return;} $ first_name = $ form_data [" Voornaam "]; //Verkrijg de waarde ingevoerd als "Voornaam"
$ last_name = $ form_data ["Naam"]; //Verkrijg de waarde ingevoerd als "Nom"
wp_update_user (array ("ID" => $ gebruiker, "first_name" => $ first_name, "last_name" => $ achternaam)); // Werk de gebruiker bij met de voor- en achternaam}
U kunt de bovenstaande code in het bestand plaatsen functions.php van uw thema. Ga hiervoor naar Uiterlijk -> Thema-editor op uw WordPress-dashboard. Klik op het bestand functions.php in het rechterpaneel om het te bewerken en het PHP-script aan het einde van het bestand te plakken functies.php.
Hier is een voorproefje.
Klik op de knop Bestand bijwerken in de editor om het bestand bij te werken functions.php.
Mogelijke fouten
Zodra uw gebruikers met succes een nieuw account hebben aangemaakt, is de kans groot dat ze geen toegang hebben tot het WordPress-dashboard, zelfs als ze succesvol zijn ingelogd. Als u dit probleem ondervindt, kunt u proberen de rol van de gebruiker te wijzigen in Bijdrager of een hogere rol (auteur of redacteur).
Lees ook: Elementor-modellen exporteren en importeren
Ga hiervoor naar Accounts-> Alle accounts. Beweeg uw muis over een gebruiker wiens rol u wilt wijzigen en klik op de link Bewerken.
Scroll naar beneden naar de optie Rol en selecteer een nieuwe rol in het vervolgkeuzemenu. Klik op de knop Gebruiker bijwerken onderaan om de nieuwe wijziging toe te passen.
Als u wilt dat elke nieuw geregistreerde gebruiker een rol Bijdrager heeft, kunt u deze (de rol Bijdrager) instellen als de standaardrol.
Zie ook: Een inlogpagina maken met Elementor
Ga hiervoor naar Instellingen-> Algemeen. Scroll naar beneden naar de optie Standaardrol voor elk nieuw account en selecteer een standaardrol in het vervolgkeuzemenu. Vergeet niet op de knop te klikken Wijzigingen opslaan onderaan om de nieuwe wijziging toe te passen.
Als je wilt dat nieuwe gebruikers een abonneerol krijgen en ze toegang wilt geven tot het WordPress-dashboard, kun je proberen het probleem op te lossen door actieve plug-ins tijdelijk uit te schakelen en ze één voor één weer in te schakelen. het probleem veroorzaakt.
Download Elementor Pro nu!
Conclusie
Alstublieft ! Dat is het voor dit artikel dat u laat zien hoe u een aanmeldingspagina maakt in Elementor. Als u zich zorgen maakt over hoe er te komen flaat het ons weten in de commentaires.
U kunt echter ook overleggen onze middelen, als u meer elementen nodig hebt om uw projecten voor het maken van internetsites uit te voeren, raadpleeg onze gids op de WordPress blog creatie of die op Divi: het beste WordPress-thema aller tijden.
Maar in de tussentijd deel dit artikel op uw verschillende sociale netwerken.
...
