Vil du opprette en registreringsside i Elementor?
Hvis du vil opprette et nettsted WordPress som tillater brukerregistrering, det aller viktigste du må oppgi er registreringssiden. Elementor har ikke en standard widget for å legge til en skjema abonnement på en side, men du kan legge til en ved å bruke widgeten skjema med et lite triks. Vi vil finne ut om kort tid i denne artikkelen.
Siden widgeten skjema er kun tilgjengelig på Elementor Pro, må du oppgradere din Elementor til pro-versjonen.
Hvordan lage et registreringsskjema i Elementor
Elementor har ikke en standard widget for å legge til et registreringsskjema. Men som nevnt før, kan du opprette en brukerregistreringsside ved hjelp av skjema-widgeten med et lite triks. Det er to komponenter du trenger:
- Selve brukerregistreringsskjemaet
- Et PHP-skript som lar deg legge til en ny bruker
La oss anta at du har brukt Elementor i noen tid og allerede har opprettet et skjema ved hjelp av skjema-widgeten før vi begynner.
Når du er klar, følger du trinnene nedenfor for å begynne å opprette en registreringsside i Elementor.
Trinn 1: Opprett registreringsskjemaet
Først oppretter du en ny side og redigerer den med Elementor. Selvfølgelig kan du også redigere en eksisterende side. Under Elementor-redigereren legger du til skjema-widgeten i redigeringsboksen ved å dra den fra venstre panel.
Gå til venstre panel for å tilpasse skjemaet. Den første blokken med alternativer du trenger å åpne er blokken Form Fields under fanen Innhold. Registreringsskjemaet som vi skal lage vil bestå av fem felt som følger:
| Champ | Felttype | etikett |
| fornavn | Texte | Fornavn |
| NOM | Texte | navn |
| bruker (obligatorisk) | Texte | Bruker |
| E-post (obligatorisk) | E-post | E-post |
| Passord kreves) | passord | passord |
Skjema navn: Opprett en ny bruker
En viktig ting å merke seg. Sørg for å bruke nøyaktig samme feltetiketter som i tabellen over, inkludert store og små bokstaver, ettersom de vil bli brukt som variabler i PHP-skriptet som vi skal bruke.
Les også: Hvordan lage en popup-samtykke-popup med Elementor
Sørg også for å gi skjemaet ditt et navn. Sørg for å bruke nøyaktig samme navn (inkludert store og små bokstaver) som vi bruker i dette eksemplet ("Opprett en ny bruker" i dette tilfellet).
Her er eksemplet på formen vi opprettet.
Først når definisjon utfylte skjemafelt, åpne blokken Handling etter innsending. Siden du vil opprette et brukerregistreringsskjema, kan du sette handlingen til omdirigere.
I blokken Viderekobling, Lim inn URL-en du vil at brukerne skal rettes til etter at du har opprettet en ny bruker. Du kan for eksempel omdirigere dem til påloggingssiden til nettstedet ditt.
Åpne blokken Andre alternativer og aktiver alternativet Custom Meldinger. Du kan erstatte suksessmeldingen med noe som “Bruker er opprettet”.
Skjemaet ditt er nå klart. Du kan publisere siden etter at du er ferdig med å redigere den.
Trinn 2: Legg til en ny funksjon for å legge til en ny bruker
Her er PHP-skriptet som lar deg legge til en ny bruker på WordPress-nettstedet ditt.
add_action ('elementor_pro / forms / new_record', 'blogpascher_creer_un_nouvel_user', 10, 2); funksjon blogpascher_creer_un_new_user ($ post, $ ajax_handler) {$ form_name = $ record-> get_form_settings ('form_name'); // Sjekk at skjemaet er "opprett en ny bruker" ellers - stopp og returner; hvis ('Opprett en ny bruker'! == $ form_name) {return; } $ form_data = $ record-> get_formatted_data (); $ bruker = $ form_data ['Bruker']; // Få verdien angitt som "Brukernavn" $ passord = $ form_data ['Passord']; // Få verdien angitt som "Passord" $ email = $ form_data ['Email']; // Få verdien angitt som "E-post" $ user = wp_create_user ($ brukernavn, $ passord, $ e-post); // Opprett en ny bruker, hvis vellykket, returner bruker-ID hvis (is_wp_error ($ bruker)) {// hvis det oppstod en feil under oppretting av en ny bruker $ ajax_handler-> add_error_message ("Umulig opprett en ny bruker: ". $ bruker-> get_error_message ()); // legg til meldingen $ ajax_handler-> is_success = false; return;} $ first_name = $ form_data [" First name "]; //Få verdien angitt som "Fornavn"
$ last_name = $ form_data ["Name"]; //Få verdien angitt som "Nom"
wp_update_user (array ("ID" => $ bruker, "first_name" => $ first_name, "last_name" => $ last_name)); // Oppdater brukeren med for- og etternavn}
Du kan plassere ovennevnte kode i filen functions.php av temaet ditt. For å gjøre dette, gå til Utseende -> Temaredaktør på WordPress-dashbordet. Klikk på filen functions.php på høyre panel for å redigere det og lime inn PHP-skriptet på slutten av filen funksjoner.php.
Her er en forhåndsvisning.
Klikk på knappen Oppdater fil i redaktøren for å oppdatere filen functions.php.
Potensielle feil
Når brukerne dine har opprettet en ny konto, er det en god sjanse for at de ikke får tilgang til WordPress-dashbordet selv om de har logget inn. Hvis du opplever dette problemet, kan du prøve å endre brukerens rolle til Contributor eller en høyere rolle (forfatter eller redaktør).
Les også: Hvordan eksportere og importere Elementor-modeller
For å gjøre det, gå til Kontoer-> Alle kontoer. Hold musen over en bruker hvis rolle du vil endre, og klikk på lenken Rediger.
Bla ned til alternativet Rolle og velg en ny rolle fra rullegardinmenyen. Klikk på knappen Oppdater bruker nederst for å bruke den nye modifikasjonen.
Hvis du vil at hver nylig registrerte bruker skal ha en Contributor -rolle, kan du angi den (Contributor -rollen) som standardrollen.
Se også: Hvordan lage en påloggingsside med Elementor
For å gjøre det, gå til Innstillinger-> Generelt. Bla ned til alternativet Standardrolle for enhver ny konto og velg en standardrolle fra rullegardinmenyen. Ikke glem å klikke på knappen Lagre endringer nederst for å bruke den nye modifikasjonen.
Hvis du fortsatt vil at nye brukere skal ha en abonnentrolle og ønsker å gi dem tilgang til WordPress-dashbordet, kan du prøve å løse problemet ved midlertidig å deaktivere aktive plugins og aktivere dem på nytt en etter en. Til du ser hvilket plugin som er forårsaker problemet.
Få Elementor Pro nå!
konklusjonen
Her! Det er det for denne artikkelen som viser deg hvordan du oppretter en registreringsside i Elementor. Hvis du er bekymret for hvordan du kommer dit fgi oss beskjed i commentaires.
Du kan imidlertid også konsultere ressursene våre, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.
Men i mellomtiden, del denne artikkelen på de forskjellige sosiale nettverkene dine.
...
