Oprettelse af login og registreringsformular til Elementor

Hvis du vil oprette et medlemswebsted, hvor folk tilmelder sig for at benytte sig af særlige funktioner, skal du bedre oprette en dedikeret login- og registreringsside. Dette giver dig mulighed for at få dit websted til at føle sig meget mere professionelt, 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 leveres med masser af blokke og widgets til grundlæggende byggeplads. 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 stedet, da det kommer med masser af kraftfulde blokke og widgets sammenlignet med Elementor Pro.

Indholdsfortegnelse

Fordelene ved at oprette 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, vil du gå glip af de mange fordele, der følger med en registreringsside, der er skræddersyet til dit websted.

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

1. Tilpas sider til brugerregistrering

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

Widget til brugerregistreringsformular kan bruges til følgende:

  • En elegant løsning til at blive medlem af en online butik
  • En brugerdefineret WordPress-registreringsformular til at afspejle din virksomhed
  • En sikker form til fora og e-læringswebsteder
  • En tilpasset registreringsformular til medlemswebsteder

2. Saml alle krævede oplysninger fra en enkelt formular

Hvis der er et bestemt stykke information, som du vil 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 som navn, e-mail-adresse, kontaktoplysninger og så videre. Du kan opbygge omfattende former elegant ved hjælp af brugerdefinerede felter, hvor du kan udgøre en del af din registreringsformular.

3. Tilpas brugeroplevelse

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 brandstil

En registreringsformular skal ligne de andre sider på dit websted. Med brugerdefinerede registreringsformularer kan du oprette formularer, der genklang for din virksomhed.

Hvordan oprettes 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 dig med at drive forretning, er her en omfattende trin-for-trin vejledning om, hvordan du bruger Elementor og UAE-tilføjelsen til at hjælpe dig med at oprette din egen brugerdefinerede bruger login-oplevelse.

Her er en tretrinsguide om, hvordan du kan oprette en brugerregistreringsformular til dit websted.

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 .

1.png

Aktivering af valgmulighed for 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 forudsætningerne for at oprette en login-side, skal du oprette eller tilføje en ny side. Og rediger den side, hvor du vil vedhæfte brugerregistreringsformularen.

Hvis du trækker og slipper widget'en, kan du se standardformularfelterne.

2.png

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 en mulighed for at administrere den krævede og kolonnebredde på individuelle formularfelter.

Du kan også administrere inputstørrelsen og markeringerne af felter (uanset om du vil vise dem eller skjule dem) eller det krævede mærke.

Trin 2: Konfigurer dine formularindstillinger

Når du har dækket det grundlæggende, kan du konfigurere formularindstillingerne ved at gå til afsnittet 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 en 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 indstilles for alle de nye brugere, når de registrerer sig på dit websted.

Untitled.png

Vælg efter registreringshandlinger

4.png

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

  • Auto-login : med denne mulighed kan du tillade brugeren at logge ind på dit websted automatisk. Efter at have givet legitimationsoplysningerne for første gang behøver brugeren ikke at logge ind igen, fordi han automatisk bliver logget ind på webstedet efter den vellykkede registrering.
  • Omdirigere 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, sender denne mulighed en e-mail til ham, der bekræfter hans 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.
5.png
  • Skjul efter register: Nogle gange vil du måske skjule brugerregistreringsformularen, efter at han har registreret sig på dit websted. Med indstillingen 'Skjul efter registrering' kan du skjule registreringsformularen, mens du fører dem til en login-side eller blot en visning af 'Vellykket' meddelelse, når du har givet dem et link for at besøge login-siden for at få adgang til webstedet. Du kan finde denne mulighed under afsnittet Generelle indstillinger på fanen Indhold på widgetten.

Når du går videre, kan du designe og style brugerregistreringsformularen ved hjælp af fanen Style på widgetten.

Når du har gjort dette, er du færdig med oprettelsen og konfigurationsprocessen for widgeten Brugerregistreringsformular. Formularen er klar til at blive sendt på Live-webstedet.

Trin 3: Føj brugerregistreringsformularen til dit websted

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

6.png

Nedenfor har vi uddybet et par flere måder at hjælpe med at tilføje en hvilken som helst widget i Elementor-editoren.

f.eks. til brugerregistreringsformular på en WooCommerce-side

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

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

Vi kan oprette en anden registreringsformular ligesom denne og gemme den til brug på den tilpassede kontoside ved at følge de samme ovennævnte trin.

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

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

8.png

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 trinnene i denne artikel kan du registrere brugere ved hjælp af UAE- widget til brugerregistreringsformular . Det er en enkel og elegant løsning til oprettelse af en stilfuld brugerregistreringsformular til dine nye brugere.

Efterlad en kommentar

Din e-mailadresse vil ikke blive offentliggjort. Påkrævede felter er markeret med *