Skapa inloggnings- och registreringsformulär för Elementor

Om du vill skapa en medlemswebbplats där människor registrerar sig för att utnyttja specialfunktioner, bör du bättre skapa en dedikerad inloggnings- och registreringssida. Detta gör att du kan göra din webbplats mycket mer professionell, be om ytterligare användarinformation under registreringsproceduren och mycket mer.

Och så har vi satt ihop en detaljerad handledning för att hjälpa dig skapa en anpassad inloggnings- och registreringssida med hjälp av Elementors plugin .

Elementor är överlägset ett av de mest populära och funktionspackade plugin -sidorna för WordPress. Den gratis versionen av plugin kommer med massor av block och widgets för grundläggande webbplatsbyggnad. Medan det finns en proversion av plugin erbjuder mer avancerade widgets och block.

Nu är formulärbyggarwidgeten som följer med Elementor låst i sin proversion. Men istället för att skaffa Elementor Pro för att bygga ditt registreringsformulär, rekommenderar vi att du väljer plugin Ultimate Addon for Elementor (UAE) istället eftersom det kommer med massor av kraftfulla block och widgets jämfört med Elementor Pro.

Innehållsförteckning

Fördelarna med att skapa anpassad registreringssida

Enbart när det gäller funktionalitet är det inget problem att använda en generisk registreringssida på din webbplats. Men om du gör detta kommer du att missa de massor av fördelar som följer med en registreringssida som är skräddarsydd för din webbplats.

här är en titt på några av de viktigaste fördelarna med att skapa en anpassad registreringssida för att ge dig en idé:

1. Anpassa sidor för användarregistrering

Med hjälp av anpassade registreringssidor kan du skapa registreringsformulär med anpassade fält och designa dem enligt dina behov. Du kan utforma formulären så att de passar dina behov och krav så att de kommer i harmoni med din affärsidé och din webbplats.

Widgeten Användarregistreringsformulär kan användas för följande:

  • En elegant lösning för att bli medlem i en onlinebutik
  • Ett anpassat WordPress-registreringsformulär för att återspegla ditt företag
  • Ett säkert formulär för forum och webbplatser för e-lärande
  • Ett anpassat registreringsformulär för medlemswebbplatser

2. Samla all nödvändig information från ett enda formulär

Om det finns en viss information som du vill samla in från dina medlemmar kan du göra det till en del av ditt registreringsformulär.

Så det är inte bara ett användarnamn och lösenord som en användare kan välja, och det är allt. Du kan lägga till fler formulärfält som namn, e-postadress, kontaktinformation och så vidare. Du kan bygga omfattande formulär elegant med hjälp av anpassade fält där du kan göra en del av ditt registreringsformulär.

3. Anpassa användarupplevelsen

Du kan erbjuda dina medlemmar en anpassad användarupplevelse. Detta kan vara att omdirigera användare till en viss sida, hjälpa dem att automatiskt logga in på sina konton eller skicka ett e-postmeddelande till sin inkorg.

4. Bekämpa skräppost och förbättra säkerheten

Med tillägg av Honeypot och ReCaptcha kan du bekämpa spammare och förhindra falska registreringar.

5. Perfekt för din varumärkesstil

Ett registreringsformulär ska se ut precis som de andra sidorna på din webbplats. Med anpassade registreringsformulär kan du bygga formulär som resonerar med ditt företag.

Hur skapar jag ett anpassat användarregistreringsformulär med Elementor?

Nu när du har en grundläggande förståelse för hur ett anpassat användarregistreringsformulär kan hjälpa dig med affärer, här är en omfattande steg-för-steg-guide om hur du använder Elementor och UAE-tillägget för att hjälpa dig skapa din egen anpassade användarinloggningsupplevelse.

Här är en trestegsguide om hur du kan skapa ett användarregistreringsformulär för din webbplats.

Obs : Innan du går vidare, se till att du har aktiverat medlemskapsalternativet genom att gå över till Dashboard > Inställningar > Allmänt > Medlemskap: Aktiverat .

1.png

Om du aktiverar medlemskap kan alla användare registrera sig på din webbplats.

Steg 1: Skapa ett användarregistreringsformulär med UAE (Ultimate Addon for Elementor) Plugin

För att skapa ett anpassat användarregistreringsformulär, se till att du har den uppdaterade versionen av UAE- plugin , med det aktiverade blocket.

När du har säkerställt förutsättningarna för att skapa en inloggningssida måste du skapa eller lägga till en ny sida. Och redigera sidan där du vill bifoga användarregistreringsformuläret.

Om du drar och släpper widgeten kan du se standardformulärfält.

2.png

Du kan leka med fälten - du kan ta bort ett fält som du inte behöver, eller lägga till andra fält som användarnamn, förnamn etc.

Det finns ett alternativ att hantera önskad och kolumnbredd i enskilda formulärfält.

Du kan också hantera inmatningsstorlek och etiketter för fält (oavsett om du vill visa dem eller dölja dem) eller det obligatoriska märket.

Steg 2: Konfigurera dina formulärinställningar

Efter att ha täckt grunderna kan du konfigurera formulärinställningarna genom att besöka avsnittet Allmänna inställningar . Du kan utföra följande funktioner härifrån:

  • Ny användarroll
  • Välj "Efter registreringsåtgärder"

Här är en detaljerad redogörelse för båda:

Ny användarroll

Om du har en medlemssida som kräver att en användare registrerar honom på din webbplats, tilldelar du som standard "användarrollen" som prenumerant .

Du kan ställa in en användarroll för dina medlemmar, och den tilldelade rollen kommer att ställas in för alla nya användare när de registrerar sig på din webbplats.

Untitled.png

Välj efter registreringsåtgärder

4.png

En användare kan välja följande åtgärder som han kan utföra efter att ha registrerat sig på en medlemswebbplats med hjälp av widgeten Användarregistreringsformulär:

  • Autoinloggning : med det här alternativet kan du låta användaren logga in på din webbplats automatiskt. Efter att ha lämnat inloggningsuppgifterna för första gången behöver användaren inte logga in igen eftersom han loggas in på webbplatsen automatiskt efter lyckad registrering.
  • Omdirigera efter registrering : med detta alternativ kan du omdirigera användarna till en välkomstsida eller en inloggningssida - efter en lyckad registrering. Du kan ställa in en omdirigeringssida genom att klistra in den önskade sidans URL i URL-fältet under detta alternativ.
  • Skicka ett e-postmeddelande: när användaren registrerar honom på din webbplats framgångsrikt kommer detta alternativ att skicka ett e-postmeddelande till honom som bekräftar hans registrering. Innehållet i e-postmeddelandet kan anpassas, och du kan göra dessa e-postmeddelanden personliga för mer värme. Men om du vill skicka samma e-post till alla dina användare kan du också göra det genom att utforska det här alternativet.
5.png
  • Dölj efter register: Ibland kanske du vill dölja användarregistreringsformuläret efter att han har registrerat sig på din webbplats. Med alternativet "Dölj efter register" kan du dölja registreringsformuläret medan du leder dem till en inloggningssida eller helt enkelt en visning av meddelandet "Framgångsrikt" efter att ha fått en länk för att besöka inloggningssidan för att få tillgång till webbplatsen. Du hittar det här alternativet under avsnittet Allmänna inställningar på fliken Innehåll i widgeten.

När du går vidare kan du designa och utforma användarregistreringsformuläret med hjälp av fliken Style i widgeten.

När du har gjort detta är du klar med skapandet och konfigurationsprocessen för widgeten Användarregistreringsformulär. Formuläret är helt inställt för att gå live på Live-webbplatsen.

Steg 3: Lägg till användarregistreringsformuläret på din webbplats

Den här delen är ganska grundläggande och enkel. Du kan direkt dra och släppa för att lägga till den här widgeten, precis som alla andra Elementor-widgetar. Du kan också spara det avsnitt som innehåller widgeten och hämta det Sparade avsnittet på den nödvändiga registreringssidan.

6.png

Nedan har vi utarbetat några fler sätt att hjälpa till att lägga till valfri widget i Elementor-redigeraren.

till exempel för användarregistreringsformulär på en WooCommerce-sida

Om du vill skapa en anpassad WooCommerce-sida, dvs Min kontosida, under namnet som Anpassad kontosida, kan du helt enkelt:

Med ett klick på 'Redigera med Elementor-knappen' kommer du att landa till Elementor-redigeraren.

Vi kan skapa ett annat registreringsformulär precis som det här och spara det för att använda det på den anpassade kontosidan genom att följa samma ovannämnda steg.

Slutligen, för att ställa in sidan som "Min kontosida", gå till WordPress Dashboard. Och följ följande sökväg under alternativet WooCommerce:

WooCommerce> Inställningar> Avancerat> Sidinställning> Mitt kontosida> Mitt kontosida> välj Anpassad kontosida

8.png

Du kan se sidan som innehåller UAE :s widget för användarregistreringsformulär på sidan WooCommerce-konto.

Slutsats:

Du kan skapa ett snyggt registreringsformulär, med alternativ som du väljer, för din webbplats med Elementor och UAE .

Genom att följa stegen i den här artikeln kan du registrera användare med användarregistreringsformulärwidgeten för UAE . Det är en enkel och elegant lösning för att skapa ett elegant användarregistreringsformulär för dina nya användare.

Lämna en kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade med *