Opprettelse av innloggings- og registreringsskjema for Elementor

Hvis du vil opprette et medlemskapsnettsted der folk registrerer seg for å benytte seg av spesialfunksjoner, bør du opprette en dedikert påloggings- og registreringsside bedre. Dette vil tillate deg å gjøre nettstedet ditt mer profesjonelt, be om ytterligere brukerinformasjon under påmeldingsprosedyren, 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 funksjonelle plugin modulene for sidebygger for WordPress. Den gratis versjonen av plugin leveres med mange 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 stedet da den kommer med mange kraftige blokker og widgets sammenlignet med Elementor Pro.

Innholdsfortegnelse

Fordelene med å lage tilpasset registreringsside

Når det gjelder funksjonalitet alene, er det ikke noe problem å bruke en generisk registreringsside på nettstedet ditt. Men hvis du gjør dette, vil du gå glipp av de mange fordelene som følger med en registreringsside som er skreddersydd for nettstedet ditt.

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

1. Tilpass sider for brukerregistrering

Ved hjelp av tilpassede registreringssider kan du lage registreringsskjemaer med egendefinerte felt, og designe dem i henhold til dine behov. Du kan utforme skjemaene etter dine behov og krav, slik at de får gjenklang med forretningsideen og nettstedet ditt.

Widgeten Brukerregistreringsskjema kan brukes for følgende:

  • En elegant løsning for å bli medlem av en nettbutikk
  • Et tilpasset WordPress-registreringsskjema for å gjenspeile virksomheten din
  • Et sikkert skjema for fora og nettbaserte nettsteder
  • Et tilpasset registreringsskjema for medlemsnettsteder

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

Hvis det er et bestemt stykke informasjon du vil 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, kontaktinformasjon og så videre. Du kan bygge omfattende skjemaer elegant ved hjelp av tilpassede felt der du kan lage en del av registreringsskjemaet.

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 til kontoene sine eller sende en e-post til innboksen.

4. Bekjempelse av søppelpost og forbedret sikkerhet

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

5. Perfekt for din merkevarestil

Et registreringsskjema skal se ut som de andre sidene på nettstedet ditt. Med tilpassede registreringsskjemaer kan du bygge skjemaer som gir en resonans med virksomheten din.

Hvordan lage et egendefinert brukerregistreringsskjema ved hjelp av Elementor?

Nå som du har en grunnleggende forståelse av hvordan et tilpasset brukerregistreringsskjema kan hjelpe deg med virksomhet, er det en omfattende trinnvis veiledning om hvordan du bruker Elementor og UAE-tillegget for å hjelpe deg med å lage din egen tilpassede brukerinnloggingsopplevelse.

Her er en tretrinns guide om hvordan du kan opprette 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 .

1.png

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

Trinn 1: Opprett et brukerregistreringsskjema ved hjelp av 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.

2.png

Du kan leke med feltene - du kan fjerne et felt som du ikke trenger, eller legge til andre felt som Brukernavn, Fornavn, etc.

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

Du kan også administrere inngangsstørrelse og etikettene til felt (enten du vil vise dem eller skjule dem), eller påkrevd merke.

Trinn 2: Konfigurer skjemainnstillingene

Etter å ha dekket det grunnleggende, kan du konfigurere skjemainnstillingene ved å gå til delen 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.

Untitled.png

Velg etter registreringshandlinger

4.png

En bruker kan velge følgende handlinger som han kan utføre etter å ha registrert seg på et medlemsnettsted ved hjelp av widgeten Brukerregistreringsskjema:

  • Automatisk pålogging : med dette alternativet kan du tillate brukeren å logge inn på nettstedet ditt automatisk. Etter å ha gitt legitimasjonen for første gang, trenger ikke brukeren å logge på igjen fordi han blir logget inn 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.
5.png
  • Skjul etter register: Noen ganger kan det være lurt å skjule brukerregistreringsskjemaet etter at han har registrert seg på nettstedet ditt. Med "Skjul etter register" -alternativet, kan du skjule registreringsskjemaet mens du fører dem til en påloggingsside eller bare viser en "Vellykket" melding etter å ha gitt dem en lenke for å besøke påloggingssiden for å få tilgang til nettstedet. Du finner dette alternativet under delen Generelle innstillinger i Innhold-fanen på widgeten.

Ved å gå videre kan du designe og style brukerregistreringsskjemaet ved å bruke Style-fanen på widgeten.

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

Trinn 3: Legg til skjemaet for brukerregistrering på nettstedet ditt

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

6.png

Nedenfor har vi utdypet noen flere måter å hjelpe deg å legge til en widget i Elementor-redigereren.

for eksempel for brukerregistreringsskjema på en WooCommerce-side

Hvis du vil opprette en tilpasset WooCommerce-side, dvs. Min konto-side, under navnet som Tilpasset kontoside, kan du ganske enkelt:

Med et klikk på 'Rediger med Elementor-knappen', vil du lande til Elementor-redigereren.

Vi kan opprette et nytt registreringsskjema akkurat som dette, og lagre det for bruk på den tilpassede kontosiden ved å følge de samme ovennevnte trinnene.

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

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

8.png

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

Konklusjon:

Du kan lage et stilig registreringsskjema, med valg av valg etter eget valg, for nettstedet ditt ved hjelp av 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.

Legg igjen en kommentar

E-postadressen din vil ikke offentliggjøres. Obligatoriske felt er merket med *