Vil du oprette en registreringsside i Elementor?

Hvis du vil oprette et websted WordPress, som tillader brugerregistrering, den meget afgørende ting, du skal oplyse, er registreringssiden. Elementor har ikke en standardwidget til at tilføje en formular abonnement på en side, men du kan tilføje en ved hjælp af widgetten Form med et lille trick. Det vil vi snart finde ud af i denne artikel.

Siden widgeten Form kun er tilgængelig på Elementor Pro, skal du opgradere din Elementor til pro-versionen.

Sådan oprettes en registreringsformular i Elementor

Elementor har ikke en standardwidget til at tilføje en registreringsformular. Men som nævnt før kan du oprette en brugerregistreringsside ved hjælp af Form-widgeten med et lille trick. Der er to komponenter, du har brug for:

  • Selve brugerregistreringsformularen
  • Et PHP-script, der giver dig mulighed for at tilføje en ny bruger

Lad os antage, at du har brugt Elementor i nogen tid, og allerede har oprettet en formular ved hjælp af formularwidgeten, før vi starter.

Når du er klar, skal du følge trinene nedenfor for at begynde at oprette en tilmeldingsside i Elementor.

Trin 1: Opret registreringsformularen

Opret først en ny side, og rediger den med Elementor. Selvfølgelig kan du også redigere en eksisterende side. Under Elementor-editoren skal du tilføje Form-widgeten til redigeringsboksen ved at trække den fra venstre panel.

Gå til venstre panel for at tilpasse formularen. Den første blok med muligheder, du skal åbne, er blokken Form Fields under fanen Indhold. Registreringsformularen, som vi skal oprette, vil bestå af 5 felter som følger:

champ Felttype etiket
fornavn Tekster Fornavn
nom Tekster Efternavn
bruger (påkrævet) Tekster Bruger
E-mail (obligatorisk) E-mail E-mail
Adgangskode (påkrævet) adgangskode Adgangskode

Formularnavn: Opret en ny bruger

En vigtig ting at bemærke. Sørg for at bruge nøjagtigt de samme feltetiketter som i tabellen ovenfor inklusive store og små bogstaver, da de vil blive brugt som variabler i det PHP-script, som vi vil bruge.

Læs også: Sådan oprettes en popup med cookie-samtykke med Elementor

Sørg også for at give din formular et navn. Sørg igen for at bruge det nøjagtige samme navn (inklusive store og små bogstaver), som vi bruger i dette eksempel ("Opret en ny bruger" i dette tilfælde).

Her er eksemplet på den form, vi oprettede.

En gang definition udfyldte formularfelter, åbn blokken Handling efter indsendelse. Da du vil oprette en brugerregistreringsformular, kan du indstille handlingen til Omdiriger.

I blokken Omdirigere, Indsæt den URL, som dine brugere skal henvises til, efter at du har oprettet en ny bruger. For eksempel kan du omdirigere dem til dit websides login-side.

Sådan oprettes en registreringsside i Elementor

Åbn blokken Yderligere indstillinger og aktiver indstillingen Tilpasset Beskeder. Du kan erstatte succesmeddelelsen med noget som “Bruger er oprettet”.

Din formular er nu klar. Du kan udgive siden, når du er færdig med at redigere den.

Trin 2: Tilføj en ny funktion for at tilføje en ny bruger

Her er PHP-scriptet, der giver dig mulighed for at tilføje en ny bruger til dit WordPress-websted.

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'); // Kontroller at formularen er "opret en ny bruger" ellers - stop og returner; hvis ('Opret en ny bruger'! == $ form_name) {return; } $ form_data = $ record-> get_formatted_data (); $ bruger = $ form_data ['Bruger']; // Få værdien indtastet som "Brugernavn" $ password = $ form_data ['Password']; // Få værdien indtastet som "Adgangskode" $ email = $ form_data ['Email']; // Få værdien indtastet som "E-mail" $ user = wp_create_user ($ brugernavn, $ password, $ email); // Opret en ny bruger, hvis det lykkes, returner user_id hvis (is_wp_error ($ bruger)) {// hvis der opstod en fejl ved oprettelse af en ny bruger $ ajax_handler-> add_error_message ("Umuligt opret en ny bruger: ". $ bruger-> get_error_message ()); // tilføj beskeden $ ajax_handler-> is_success = false; return;} $ first_name = $ form_data [" First name "]; //Få værdien indtastet som "Fornavn"
    $ last_name = $ form_data ["Navn"]; //Få værdien indtastet som "Nom"
    wp_update_user (array ("ID" => $ bruger, "first_name" => $ first_name, "last_name" => $ last_name)); // Opdater brugeren med for- og efternavn}

Du kan placere ovenstående kode i filen functions.php af dit tema. For at gøre dette skal du gå til Udseende -> Tema editor på dit WordPress-dashboard. Klik på filen functions.php i højre panel for at redigere det og indsætte PHP-scriptet i slutningen af ​​filen funktioner.php.

Her er en forhåndsvisning.

Sådan oprettes en registreringsside i Elementor

Klik på knappen Opdater fil i editoren for at opdatere filen functions.php.

Potentielle fejl

Når dine brugere har oprettet en ny konto, er der en god chance for, at de ikke kan få adgang til WordPress-dashboardet, selvom de har logget ind. Hvis du oplever dette problem, kan du prøve at ændre brugerens rolle til Contributor eller en højere rolle (Forfatter eller Editor).

Læs også: Sådan eksporteres og importeres Elementor-modeller

For at gøre det skal du gå til Konti-> Alle konti. Hold musen over en bruger, hvis rolle du vil ændre, og klik på linket Rediger.

Rul ned til indstillingen Rolle og vælg en ny rolle i rullemenuen. Klik på knappen Opdater bruger nederst for at anvende den nye ændring.

Hvis du vil have, at hver nyregistreret bruger skal have en bidragyderrolle, kan du angive den (rollen som bidragyder) som standardrollen.

Se også: Sådan oprettes en login-side med Elementor

For at gøre det skal du gå til Indstillinger-> Generelt. Rul ned til indstillingen Standardrolle for enhver ny konto og vælg en standardrolle i rullemenuen. Glem ikke at klikke på knappen Gem ændringer nederst for at anvende den nye ændring.

Hvis du fortsat ønsker, at nye brugere skal have en abonnentrolle og ønsker at give dem adgang til WordPress-dashboardet, kan du prøve at løse problemet ved midlertidigt at deaktivere aktive plugins og genaktivere dem en efter en. Indtil du ser, hvilket plugin der er forårsager problemet.

Hent Elementor Pro nu!

Konklusion

Her er ! Det er det for denne artikel, der viser dig, hvordan du opretter en tilmeldingsside i Elementor. Hvis du er bekymret for, hvordan du kommer dertil flad os vide det i kommentarer.

Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.

Men i mellemtiden del denne artikel på dine forskellige sociale netværk.

...