Oppretting av påloggings- og registreringsskjema for Elementor

Hvis du vil opprette et medlemskapsnettsted der folk registrerer seg for å benytte seg av spesialfunksjoner, bør du bedre opprette en dedikert påloggings- og registreringsside. Dette vil tillate deg å få nettstedet ditt til å føles mye mer profesjonelt, be om ytterligere brukerinformasjon under registreringsprosedyren og mye mer.

Og derfor har vi satt sammen en detaljert veiledning for å hjelpe deg med å lage en tilpasset påloggings- og registreringsside ved å bruke Elementor-sidebygger- plugin .

Elementor er uten tvil en av de mest populære og funksjonsrike sidebygger- plugin for WordPress. Gratisversjonen av plugin kommer med tonnevis av blokker og widgets for grunnleggende nettstedskonstruksjon. Mens det finnes en pro-versjon av plugin som tilbyr mer avanserte widgets og blokker.

Nå er skjemabygger-widgeten som følger med Elementor låst inne i pro-versjonen. Men i stedet for å få Elementor Pro for å bygge registreringsskjemaet ditt, anbefaler vi å gå for Ultimate Addon for Elementor (UAE) plugin i stedet da den kommer med mange kraftige blokker og widgets sammenlignet med Elementor Pro.

Innholdsfortegnelse

Fordeler med å lage tilpasset registreringsside

Når det gjelder funksjonalitet alene, er det ingen problem å bruke en registreringsside som ser generisk ut på nettstedet ditt. Men hvis du gjør dette, vil du gå glipp av tonnevis av fordeler som følger med en registreringsside skreddersydd for nettstedet ditt.

her er en titt på noen av de viktigste fordelene ved å lage en tilpasset registreringsside for å gi deg en idé:

1. Tilpass brukerregistreringssider

Ved hjelp av tilpassede registreringssider kan du bygge registreringsskjemaer med tilpassede felt, og designe dem i henhold til dine krav. Du kan style skjemaene slik at de passer dine behov og krav, slik at de stemmer overens med forretningsideen din og nettstedet ditt.

Brukerregistreringsskjema-widgeten kan brukes til følgende:

  • En elegant løsning for å bli medlem i en nettbutikk
  • Et tilpasset WordPress-registreringsskjema for å gjenspeile virksomheten din
  • Et sikkert skjema for forum og e-læringsnettsteder
  • Et tilpasset registreringsskjema for medlemsnettsteder

2. Samle all nødvendig informasjon fra et enkelt skjema

Hvis det er en spesiell informasjon du ønsker å samle inn fra medlemmene dine, kan du gjøre det til en del av registreringsskjemaet ditt.

Så det er ikke bare et brukernavn og passord som en bruker kan velge, og det er alt. Du kan legge til flere skjemafelt som navn, e-postadresse, kontaktdetaljer og så videre. Du kan bygge omfattende skjemaer elegant ved hjelp av tilpassede felt der du kan gjøre en del av registreringsskjemaet ditt.

3. Tilpass brukeropplevelsen

Du kan tilby en tilpasset brukeropplevelse til medlemmene dine. Dette kan være å omdirigere brukere til en bestemt side, hjelpe dem med automatisk pålogging på kontoene sine, eller sende en e-post til innboksen.

4. Bekjempe spam og forbedre sikkerheten

Med tillegg av Honeypot og ReCaptcha kan du bekjempe spammere og forhindre falske registreringer.

5. Perfekt for merkevarestilen din

Et registreringsskjema skal se ut akkurat som de andre sidene på nettstedet ditt. Med tilpassede registreringsskjemaer kan du bygge skjemaer som passer til virksomheten din.

Hvordan lage et tilpasset brukerregistreringsskjema ved hjelp av Elementor?

Nå som du har en grunnleggende forståelse av hvordan et tilpasset brukerregistreringsskjema kan hjelpe deg med virksomheten, er her en omfattende trinn-for-trinn-guide for hvordan du bruker Elementor og UAE-tillegget for å hjelpe deg med å lage din egen tilpassede brukerpåloggingsopplevelse.

Her er en tre-trinns guide om hvordan du kan lage et brukerregistreringsskjema for nettstedet ditt.

Merk : Før du fortsetter videre, sørg for at du har aktivert medlemskapsalternativet ved å gå over til Dashboard > Innstillinger > Generelt > Medlemskap: Aktivert .

Aktivering av medlemskapsalternativet vil tillate enhver bruker å registrere seg på nettstedet ditt.

Trinn 1: Lag et brukerregistreringsskjema ved å bruke UAE (Ultimate Addon for Elementor) Plugin

For å lage et tilpasset brukerregistreringsskjema, sørg for at du har den oppdaterte versjonen av UAE- plugin , med den aktiverte blokkeringen.

Når du har sikret deg forutsetningene for å opprette en påloggingsside, må du opprette eller legge til en ny side. Og rediger siden der du vil legge ved brukerregistreringsskjemaet.

Hvis du drar og slipper widgeten, kan du se standard skjemafelt.

Du kan leke med feltene - du kan fjerne et felt du ikke trenger, eller legge til andre felt som brukernavn, fornavn osv.

Det er et alternativ for å administrere den nødvendige og kolonnebredden på individuelle skjemafelt.

Du kan også administrere inndatastørrelsen og etikettene til feltene (enten du vil vise dem eller skjule dem), eller det påkrevde merket.

Trinn 2: Konfigurer skjemainnstillingene dine

Etter å ha dekket det grunnleggende, kan du konfigurere skjemainnstillingene ved å gå til Generelle innstillinger . Du kan utføre følgende funksjoner herfra:

  • Ny brukerrolle
  • Velg "Etter registreringshandlinger"

Her er en detaljert beskrivelse av begge:

Ny brukerrolle

Hvis du har et medlemsside som krever at en bruker registrerer ham på nettstedet ditt, tildeler du som standard "Brukerrollen" som abonnent .

Du kan angi en standard brukerrolle for medlemmene dine, og den tildelte rollen vil bli satt for alle de nye brukerne når de registrerer seg på nettstedet ditt.

Velg handlinger etter registrering

En bruker kan velge følgende handlinger som han kan utføre etter å ha registrert seg på et medlemsside, ved å bruke widgeten for brukerregistreringsskjema:

  • Automatisk pålogging : med dette alternativet kan du la brukeren logge på nettstedet ditt automatisk. Etter å ha oppgitt legitimasjonen for første gang, trenger ikke brukeren å logge på igjen fordi han vil logges på nettstedet automatisk etter vellykket registrering.
  • Omdirigere etter registrering : med dette alternativet kan du omdirigere brukerne til en velkomstside eller en påloggingsside - etter en vellykket registrering. Du kan angi en viderekoblingsside ved å lime inn ønsket sides URL i URL-feltet under dette alternativet.
  • Send en e-post: når brukeren registrerer ham på nettstedet ditt, vil dette alternativet sende en e-post til ham som bekrefter registreringen. Innholdet i e-posten kan tilpasses, og du kan gjøre disse e-postene personlige for mer varme. Men hvis du vil sende den samme e-posten til alle brukerne dine, kan du også gjøre det ved å utforske dette alternativet.
  • Skjul etter registrering: Noen ganger vil du kanskje skjule brukerregistreringsskjemaet etter at han har registrert seg på nettstedet ditt. Med alternativet "Skjul etter registrering" kan du skjule registreringsskjemaet mens du leder dem til en påloggingsside eller bare en visning av "Vellykket"-meldingen etter å ha gitt dem en lenke for å besøke påloggingssiden for å få tilgang til nettstedet. Du finner dette alternativet under Generelle innstillinger-delen i Innhold-fanen i widgeten.

Når du går videre, kan du designe og style brukerregistreringsskjemaet ved å bruke Stil-fanen i widgeten.

Etter å ha gjort dette, er du ferdig med opprettelses- og konfigurasjonsprosessen for widgeten for brukerregistreringsskjema. Skjemaet er klar til å gå live på Live-nettstedet.

Trinn 3: Legg til brukerregistreringsskjemaet på nettstedet ditt

Denne delen er ganske grunnleggende og enkel. Du kan dra og slippe direkte for å legge til denne widgeten, akkurat som enhver annen Elementor-widget. Du kan også lagre delen som inneholder widgeten og hente den lagrede delen på den nødvendige registreringssiden.

Nedenfor har vi utdypet noen flere måter å hjelpe til med å legge til en hvilken som helst widget i Elementor-editoren.

for eksempel for brukerregistreringsskjema på en WooCommerce-side

Hvis du vil opprette en egendefinert WooCommerce-side, dvs. Min kontoside, under navnet som Custom Account Page, kan du ganske enkelt:

Med et klikk på 'Rediger med Elementor-knappen' kommer du til Elementor-editoren.

Vi kan opprette et annet registreringsskjema akkurat som dette, og lagre det for bruk på siden for egendefinert konto ved å følge de samme trinnene ovenfor.

Til slutt, for å angi siden som 'Min kontoside', gå til WordPress Dashboard. Og følg følgende sti under WooCommerce-alternativet:

WooCommerce > Innstillinger > Avansert > Sideoppsett > Min kontoside > Min kontoside > velg egendefinert kontoside

Du kan se siden som inneholder UAEs widget for brukerregistreringsskjema på WooCommerce-kontosiden.

Konklusjon:

Du kan lage et stilig registreringsskjema, med valgfrie alternativer, for nettstedet ditt ved å bruke Elementor og UAE .

Ved å følge trinnene gitt i denne artikkelen kan du registrere brukere ved å bruke widgeten User Registration Form for UAE . Det er en enkel og elegant løsning for å lage et stilig brukerregistreringsskjema for dine nye brukere.

Ahmad

Siste innlegg

Slik bruker du topptekst og bunntekst med Elementor

Et nettsteds topp- og bunntekst er viktige elementer. I de fleste tilfeller gir toppteksten navigasjon...

6. januar 2022

WordPress-temasammenligning: Astra vs OceanWP

To av de mest populære WordPress-temaene på markedet er Astra og OceanWP. Profesjonell…

2. januar 2022

WordPress nyhetstema sammenligning: Avis vs. Astra

Å lage et utmerket nyhetsnettsted krever ikke at du blir webdesigner. Vi…

25. oktober 2021

Lag en nyhetsrelatert nettside med avis-tema

Avis-temaet er et av de viktigste WordPress-temaene designet av tagDiv, en...

18. oktober 2021

Hvordan bygge en e-handel med Avada WooCommerce-bygger

Når det gjelder å sette opp en nettbutikk, er WooCommerce go-to- plugin . Den…

4. oktober 2021

Hvordan bruke klebrig overskrift og rulleeffekter med Elementor

En overskrift er vanligvis det første en person ser når de besøker nettstedet ditt,...

21. september 2021