Vill du skapa en registreringssida i Elementor?
Om du vill skapa en webbplats WordPress som tillåter användarregistrering, det mycket avgörande som du behöver tillhandahålla är registreringssidan. Elementor har ingen standardwidget för att lägga till en formen prenumerera på en sida, men du kan lägga till en med hjälp av widgeten formen med ett litet trick. Vi kommer att ta reda på det inom kort i den här artikeln.
Sedan widgeten formen är endast tillgängligt på Elementor Pro, du behöver uppgradera din Elementor till proversionen.
Hur man skapar ett registreringsformulär i Elementor
Elementor har inte en standardwidget för att lägga till ett registreringsformulär. Men som tidigare nämnts kan du skapa en användarregistreringssida med hjälp av Form-widgeten med ett litet trick. Det finns två komponenter du behöver:
- Själva användarregistreringsformuläret
- Ett PHP-skript som låter dig lägga till en ny användare
Låt oss anta att du har använt Elementor under en tid och redan har skapat ett formulär med formulärwidgeten innan vi börjar.
När du är klar följer du stegen nedan för att börja skapa en registreringssida i Elementor.
Steg 1: Skapa registreringsformuläret
Skapa först en ny sida och redigera den med Elementor. Naturligtvis kan du också redigera en befintlig sida. Under Elementor-redigeraren lägger du till formulärwidgeten i redigeringsrutan genom att dra den från den vänstra panelen.
Gå till vänster panel för att anpassa formuläret. Det första alternativet du behöver öppna är blocket Form fält under fliken Innehåll. Registreringsformuläret som vi ska skapa kommer att bestå av fem fält enligt följande:
| mästaren | Fälttyp | etikett |
| förnamn | Texte | Förnamn |
| nom | Texte | namn |
| användare (krävs) | Texte | Användare |
| E-post (obligatoriskt) | E-post | E-post |
| Lösenord krävs) | lösenord | lösenord |
Formulärnamn: Skapa en ny användare
En viktig sak att notera. Se till att använda exakt samma fältetiketter som i tabellen ovan inklusive stora och små bokstäver eftersom de kommer att användas som variabler i PHP-skriptet som vi kommer att använda.
Läs också: Hur man skapar en popup-samtycke med Elementor
Se också till att ge ditt formulär ett namn. Se till att använda exakt samma namn (inklusive stora och små bokstäver) som vi använder i detta exempel ("Skapa en ny användare" i det här fallet).
Här är exemplet på den form vi skapade.
När definition ifyllda formulärfält, öppna blocket Åtgärd efter inlämning. Eftersom du vill skapa ett användarregistreringsformulär kan du ställa in åtgärden till Dirigera om.
I blocket Dirigera om, Klistra in webbadressen du vill att användarna ska riktas till efter att du skapat en ny användare. Du kan till exempel omdirigera dem till din webbplats inloggningssida.
Öppna blocket Ytterligare alternativ och aktivera alternativet Custom Meddelanden. Du kan ersätta framgångsmeddelandet med något som ”Användaren har skapats”.
Ditt formulär är nu klart. Du kan publicera sidan efter att du har redigerat den.
Steg 2: Lägg till en ny funktion för att lägga till en ny användare
Här är PHP-skriptet som låter dig lägga till en ny användare till din WordPress-webbplats.
add_action ('elementor_pro / forms / new_record', 'blogpascher_creer_un_nouvel_user', 10, 2); funktion blogpascher_creer_un_new_user ($ post, $ ajax_handler) {$ form_name = $ record-> get_form_settings ('form_name'); // Kontrollera att formuläret är "skapa en ny användare" annars - stoppa och returnera; if ('Skapa en ny användare'! == $ form_name) {return; } $ form_data = $ record-> get_formatted_data (); $ user = $ form_data ['User']; // Hämta värdet som "Användarnamn" $ lösenord = $ form_data ['Lösenord']; // Hämta värdet som "Lösenord" $ email = $ form_data ['E-post']; // Hämta värdet som "E-post" $ user = wp_create_user ($ användarnamn, $ lösenord, $ e-post); // Skapa en ny användare, om det lyckades returnera user_id if (is_wp_error ($ user)) {// om det uppstod ett fel med att skapa en ny användare $ ajax_handler-> add_error_message ("Omöjligt skapa en ny användare: ". $ user-> get_error_message ()); // lägg till meddelandet $ ajax_handler-> is_success = false; return;} $ first_name = $ form_data [" First name "]; //Hämta värdet som "Förnamn"
$ last_name = $ form_data ["Name"]; //Hämta värdet som "Nom"
wp_update_user (array ("ID" => $ användare, "first_name" => $ first_name, "last_name" => $ efternamn)); // Uppdatera användaren med för- och efternamn}
Du kan placera ovanstående kod i filen functions.php av ditt tema. För att göra detta, gå till Utseende -> Temaredigerare på din WordPress-instrumentpanel. Klicka på filen functions.php på höger panel för att redigera det och klistra in PHP-skriptet i slutet av filen funktioner.php.
Här är en förhandsvisning.
Klicka på knappen Uppdatera fil i redigeraren för att uppdatera filen functions.php.
Potentiella fel
När dina användare väl har skapat ett nytt konto är det goda chanser att de inte kommer åt WordPress-instrumentpanelen även om de har loggat in. Om du upplever detta problem kan du försöka ändra användarens roll till Contributor eller en högre roll (författare eller redaktör).
Läs också: Hur man exporterar och importerar Elementor-modeller
För att göra det, gå till Konton-> Alla konton. Håll muspekaren över en användare vars roll du vill ändra och klicka på länken Edit.
Bläddra ner till alternativet Roll och välj en ny roll i rullgardinsmenyn. Klicka på knappen Uppdatera användare längst ner för att tillämpa den nya modifieringen.
Om du vill att varje nyregistrerad användare ska ha en Contributor -roll kan du ställa in den (rollen Contributor) som standardrollen.
Se även: Hur man skapar en inloggningssida med Elementor
För att göra det, gå till Inställningar-> Allmänt. Bläddra ner till alternativet Standardroll för alla nya konton och välj en standardroll från rullgardinsmenyn. Glöm inte att klicka på knappen Spara ändringar längst ner för att tillämpa den nya modifieringen.
Om du fortsätter att vilja att nya användare ska ha en prenumerantroll och vill ge dem åtkomst till WordPress-instrumentpanelen kan du försöka lösa problemet genom att tillfälligt inaktivera aktiva plugins och aktivera dem en efter en igen tills du ser vilket plugin som är orsakar problemet.
Skaffa Elementor Pro nu!
Slutsats
Här är ! Det är det för den här artikeln som visar hur du skapar en registreringssida i Elementor. Om du har några frågor om hur du kommer dit flåt oss veta i commentaires.
Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.
Men under tiden dela den här artikeln på dina olika sociala nätverk.
.
