Oprettelse af login og registreringsformular til Elementor

Hvis du vil oprette et medlemswebsted, hvor folk tilmelder sig for at benytte særlige funktioner, så bør du bedre oprette en dedikeret login- og registreringsside. Dette vil give dig mulighed for at få din hjemmeside til at føles meget mere professionel, bede om yderligere brugeroplysninger under tilmeldingsproceduren og meget mere.

Og derfor har vi sammensat en detaljeret vejledning til at hjælpe dig med at oprette en brugerdefineret login- og registreringsside ved hjælp af Elementor-sidebygger plugin .

Elementor er langt et af de mest populære og funktionsfyldte sidebygger- plugin til WordPress. Den gratis version af plugin kommer med tonsvis af blokke og widgets til grundlæggende webstedskonstruktion. Mens der findes en pro-version af plugin , der tilbyder mere avancerede widgets og blokke.

Nu er formularbygger-widgetten, der følger med Elementor, låst inde i sin pro-version. Men i stedet for at få Elementor Pro til at bygge din registreringsformular, anbefaler vi at gå efter Ultimate Addon for Elementor (UAE) plugin i stedet, da det kommer med masser af kraftfulde blokke og widgets sammenlignet med Elementor Pro.

Indholdsfortegnelse

Fordele ved at oprette en tilpasset registreringsside

Med hensyn til funktionalitet alene er der ingen problemer med at bruge en generisk udseende registreringsside på dit websted. Men hvis du gør dette, så vil du gå glip af de tonsvis af fordele, der følger med en registreringsside, der er skræddersyet til din hjemmeside.

her er et kig på nogle af de vigtigste fordele ved at oprette en tilpasset registreringsside for at give dig en idé:

1. Tilpas brugerregistreringssider

Ved hjælp af brugerdefinerede registreringssider kan du bygge registreringsformularer med brugerdefinerede felter og designe dem efter dine krav. Du kan style formularerne, så de passer til dine behov og krav, så de passer til din forretningsidé og din hjemmeside.

Brugerregistreringsformular-widgetten kan bruges til følgende:

  • En elegant løsning til at blive medlem af en netbutik
  • En tilpasset WordPress registreringsformular, der afspejler din virksomhed
  • En sikker formular til fora og e-læringswebsteder
  • En tilpasset tilmeldingsformular til medlemshjemmesider

2. Saml alle nødvendige oplysninger fra en enkelt formular

Hvis der er en bestemt information, du ønsker at indsamle fra dine medlemmer, kan du gøre det til en del af din tilmeldingsformular.

Så det er ikke kun et brugernavn og en adgangskode, som en bruger kan vælge, og det er alt. Du kan tilføje flere formularfelter såsom navn, e-mailadresse, kontaktoplysninger og så videre. Du kan opbygge omfattende formularer elegant ved hjælp af brugerdefinerede felter, hvor du kan gøre en del af din registreringsformular.

3. Tilpas brugeroplevelsen

Du kan give dine medlemmer en tilpasset brugeroplevelse. Dette kan være at omdirigere brugere til en bestemt side, hjælpe dem med automatisk at logge ind på deres konti eller sende en e-mail til deres indbakke.

4. Bekæmpelse af spam og forbedring af sikkerheden

Med tilføjelsen af ​​Honeypot og ReCaptcha kan du bekæmpe spammere og forhindre falske registreringer.

5. Perfekt til din Brand Style

En registreringsformular skal ligne de andre sider på dit websted. Med brugerdefinerede registreringsformularer kan du bygge formularer, der passer til din virksomhed.

Hvordan opretter man en brugerdefineret brugerregistreringsformular ved hjælp af Elementor?

Nu hvor du har en grundlæggende forståelse af, hvordan en brugerdefineret brugerregistreringsformular kan hjælpe din virksomhed, er her en omfattende trin-for-trin guide til, hvordan du bruger Elementor og UAE-tilføjelsen til at hjælpe dig med at skabe din egen brugerdefinerede login-oplevelse.

Her er en tre-trins guide til, hvordan du kan oprette en brugerregistreringsformular til din hjemmeside.

Bemærk : Før du går videre, skal du sørge for, at du har aktiveret medlemskabsindstillingen ved at gå over til Dashboard > Indstillinger > Generelt > Medlemskab: Aktiveret .

Aktivering af medlemskab giver enhver bruger mulighed for at registrere sig på dit websted.

Trin 1: Opret en brugerregistreringsformular ved hjælp af UAE (Ultimate Addon for Elementor) Plugin

For at lave en brugerdefineret brugerregistreringsformular skal du sørge for, at du har den opdaterede version af UAE- plugin , med den aktiverede blok.

Når du har sikret dig forudsætningerne for at oprette en login-side, skal du oprette eller tilføje en ny side. Og rediger siden, hvor du vil vedhæfte brugerregistreringsformularen.

Hvis du trækker og slipper widgetten, kan du se standardformularfelterne.

Du kan lege med felterne - du kan fjerne et felt, som du ikke har brug for, eller tilføje andre felter såsom brugernavn, fornavn osv.

Der er mulighed for at administrere den påkrævede og kolonnebredde på individuelle formularfelter.

Du kan også administrere inputstørrelsen og felternes etiketter (uanset om du vil vise dem eller skjule dem), eller det påkrævede mærke.

Trin 2: Konfigurer dine formularindstillinger

Efter at have dækket det grundlæggende, kan du konfigurere formularindstillingerne ved at besøge Generelle indstillinger . Du kan udføre følgende funktioner herfra:

  • Ny brugerrolle
  • Vælg "Efter registreringshandlinger"

Her er en detaljeret redegørelse for begge:

Ny brugerrolle

Hvis du har et medlemsside, der kræver, at en bruger registrerer ham på dit websted, tildeler du som standard 'Brugerrollen' som abonnent .

Du kan indstille en standardbrugerrolle for dine medlemmer, og den tildelte rolle vil blive indstillet for alle de nye brugere, når de registrerer sig på din hjemmeside.

Vælg handlinger efter registrering

En bruger kan vælge følgende handlinger, som han kan udføre efter at have registreret sig selv på et medlemsside ved hjælp af widgetten til brugerregistreringsformular:

  • Auto-login : med denne mulighed kan du give brugeren mulighed for automatisk at logge ind på dit websted. Efter at have angivet legitimationsoplysningerne for første gang, behøver brugeren ikke at logge ind igen, fordi han automatisk vil blive logget ind på webstedet efter den vellykkede registrering.
  • Omdiriger efter registrering : med denne mulighed kan du omdirigere brugerne til en velkomstside eller en login-side - efter en vellykket registrering. Du kan indstille en omdirigeringsside ved at indsætte den ønskede sides URL i URL-feltet under denne mulighed.
  • Send en e-mail: når brugeren registrerer ham på dit websted med succes, vil denne mulighed sende en e-mail til ham, der bekræfter sin registrering. Indholdet af e-mailen kan tilpasses, og du kan gøre disse e-mails personlige for mere varme. Men hvis du vil sende den samme e-mail til alle dine brugere, kan du også gøre det ved at udforske denne mulighed.
  • Skjul efter registrering: Nogle gange vil du måske skjule brugerregistreringsformularen, efter at han har registreret sig på dit websted. Med muligheden 'Skjul efter registrering' kan du skjule registreringsformularen, mens du fører dem til en login-side eller blot en visning af 'Successful'-meddelelsen efter at have givet dem et link til at besøge login-siden for at få adgang til webstedet. Du kan finde denne mulighed under sektionen Generelle indstillinger på fanen Indhold i widgetten.

Når du går videre, kan du designe og style brugerregistreringsformularen ved at bruge fanen Stil i widgetten.

Når du har gjort dette, er du færdig med oprettelses- og konfigurationsprocessen for widgetten til brugerregistreringsformular. Formularen er klar til at gå live på Live-hjemmesiden.

Trin 3: Tilføj brugerregistreringsformularen til dit websted

Denne del er ret grundlæggende og enkel. Du kan trække og slippe direkte for at tilføje denne widget, ligesom enhver anden Elementor-widget. Du kan også gemme sektionen, der indeholder widgetten, og hente den gemte sektion på den påkrævede registreringsside.

Nedenfor har vi uddybet nogle flere måder at hjælpe med at tilføje enhver widget i Elementor-editoren.

fx til brugerregistreringsformular på en WooCommerce-side

Hvis du vil oprette en brugerdefineret WooCommerce-side, dvs. Min kontoside, under navnet som Custom Account Page, kan du blot:

Med et klik på 'Rediger med Elementor-knappen', lander du i Elementor-editoren.

Vi kan oprette en anden registreringsformular på denne måde og gemme den til brug på siden med brugerdefineret konto ved at følge de samme ovennævnte trin.

Til sidst, for at indstille siden som 'Min kontoside', skal du gå til WordPress Dashboard. Og følg følgende sti under WooCommerce-indstillingen:

WooCommerce > Indstillinger > Avanceret > Sideopsætning > Min kontoside > Min kontoside > vælg Brugerdefineret kontoside

Du kan se siden, der indeholder UAEs brugerregistreringsformular-widget på WooCommerce-kontosiden.

Konklusion:

Du kan oprette en stilfuld registreringsformular, med valgmulighed efter eget valg, til dit websted ved hjælp af Elementor og UAE .

Ved at følge trinene i denne artikel kan du registrere brugere ved at bruge widgetten til brugerregistreringsformular fra UAE . Det er en enkel og elegant løsning til at skabe en stilfuld brugerregistreringsformular til dine nye brugere.

Ahmad

Seneste indlæg

Sådan bruger du sidehoveder og sidefødder med Elementor

Et websteds sidehoveder og sidefødder er væsentlige elementer. I de fleste tilfælde giver overskriften navigation...

6. januar 2022

WordPress-temasammenligning: Astra vs OceanWP

To af de mest populære WordPress-temaer på markedet er Astra og OceanWP. Professionel…

2. januar 2022

WordPress nyhedstema sammenligning: Avis vs. Astra

Oprettelse af et fremragende nyhedswebsted kræver ikke, at du bliver webdesigner. Vi…

25. oktober 2021

Opret en nyhedsrelateret hjemmeside med Newspaper Theme

Avis-temaet er et af de mest betydningsfulde WordPress-temaer designet af tagDiv, en...

18. oktober 2021

Sådan bygger du en e-handel med Avada WooCommerce builder

Når det kommer til at oprette en online butik, er WooCommerce det perfekte plugin . Det…

4. oktober 2021

Sådan bruger du sticky header og rulleeffekter med Elementor

En header er generelt det første, en person ser, når de besøger dit websted,...

21. september 2021