Gå till innehållet

Hur man skapar en registreringssida i Elementor

Divi: det enklaste WordPress-temat att använda

Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar. [Rekommenderas]

Vill du skapa en registreringssida i Elementor?

Om du vill bygga en WordPress-webbplats som tillåter användarregistrering, är det mycket viktigt du behöver tillhandahålla registreringssidan. Elementor har inte en standardwidget för att lägga till ett registreringsformulär på en sida, men du kan lägga till en med hjälp av formulärwidgeten med ett litet trick. Vi får reda på det inom kort i den här artikeln.

Eftersom Form-widgeten endast är tillgänglig på Elementor Pro måste du uppgradera din Elementor till pro-versionen.

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).

Skapa enkelt din webbplats med Elementor

Med Elementor kan du enkelt skapa en webbdesign med ett professionellt utseende. Sluta betala dyra för vad du kan göra själv. [Fritt]

Här är exemplet på den form vi skapade.

När definitionen av formulärfälten är klar öppnar du 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.

Hur man skapar en registreringssida i Elementor

Öppna blocket Ytterligare alternativ och aktivera alternativet anpassad 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.

Letar du efter de bästa WordPress-teman och plugins?

Ladda ner de bästa plugins och WordPress-teman på Envato och enkelt skapa din webbplats. Redan mer än 49.720.000-nedladdningar. [EXKLUSIV]

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.

Hur man skapar en registreringssida i Elementor

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.

Skapa enkelt din webbutik

Ladda ner gratis WooCommerce, de bästa e-handelspluggarna för att sälja dina fysiska och digitala produkter på WordPress. [Rekommenderas]

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.

.

Den här artikeln innehåller kommentarer 0

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.

Tillbaka till toppen
0 aktier
del
tweet
Enregistrer