Vill du skapa ett personligt registreringsformulär för dina användare?

Standardregistreringsformuläret för WordPress visar WordPress-varumärket och matchar inte din webbplats WordPress-tema.

Om du aldrig har installerat WordPress, ta reda på det i den här handledningen Så här installerar du och konfigurerar din blogg

I den här handledningen visar vi dig hur du skapar ett anpassat registreringsformulär i WordPress.

Varför lägga till ett personligt registreringsformulär på WordPress

Standardregistreringssidan för WordPress visar WordPress-varumärket och logotypen. Det matchar inte nödvändigtvis resten av din webbplats.

Genom att skapa ett anpassat registreringsformulär kan du lägga till registreringsformuläret på en sida på din webbplats. Det hjälper dig att ge en mer konsekvent användarupplevelse under registreringsprocessen.

Innan du fortsätter kan du upptäcka Hur man anpassar WordPress-registrerings- och inloggningssidor

Ett personligt registreringsformulär gör det också möjligt för användare att omdirigeras efter registrering. Du kan också visa ytterligare profilfält, kombinera dem med det anpassade inloggningsformuläret och ansluta dem till din e-postmarknadsavdelning.

Med det sagt kommer vi att ta en snabb titt på hur man skapar ett anpassat registreringsformulär i WordPress.

Skapa ett anpassat inloggningsformulär

Det första du behöver göra är att installera och aktivera plugin WPForms. För mer information, Kolla in vår steg-för-steg-guide för hur du installerar ett WordPress-plugin.

Du kommer åtminstone att behöva planen Pro »För att komma åt användarregistreringsformulär.

Efter aktiveringen måste du besöka " WPForms »Inställningar Ange din WPForms licensnyckel. Du kan få den här nyckeln på ditt WPForms-konto.

wpform-licens-nyckel

Gå sedan till " WPForms> Tillägg ". Klicka på knappen installera Addon »På tillägget« Användarregistrering Blanketter ".

extension-user-registrering-formen

WPForms kommer att ladda ner och installera tillägget. Du måste klicka på knappen "Aktivera" för att börja använda tillägget.

Förlängningen-aktivera-on-wordpress

Du är nu redo att skapa ditt personliga registreringsformulär.

Du måste besöka " WPForms> Lägg till nytt För att använda WPForms Video Builder.

Först måste du ange ett namn för ditt formulär och sedan välja mallen "Användarregistreringsformulär'(Användarregistreringsformuläret).

stödsubstans wpforms

WPForms skapar ett enkelt registreringsformulär åt dig. Detta exempel kommer att ha följande fält.

  • Efternamn förnamn
  • Användarnamn
  • E-postadress
  • lösenord
  • kort biografi

Du kan lägga till fält från den vänstra rutan. Du måste bara dra fält för att ordna om deras ordning.

Lägga till anpassade fält i ditt anpassade registreringsformulär

Med WPForms kan du också lägga till profilfält till din form. För att göra detta behöver du ett specialiserat plugin.

I det här exemplet använder vi gratis plugin Användar Meta chef ". 

Det första du behöver göra är att installera och aktivera plugin " Användar Meta chef ". För mer information, se vår guide på Hur du installerar (lägger till) ett plugin på WordPress

När du har aktiverat plugin-enheten måste du gå till följande plats Användare> Hantera användare Och lägg till metas för att fortsätta.

lägga meta-des-by-användare anpassar

Men du måste först ange en nyckel. Med den här nyckeln får du veta hur det anpassade användarprofilfältet kommer att kännas igen internt.

Då måste du välja en typ av fält. I det här exemplet använder vi ett URL-fält för att lägga till Facebook-profilens URL. Under « etikett », Du måste ange etiketten som kommer att vara synlig för användarna när du fyller i detta fält.

Innan du fortsätter, upptäck Så här visar anpassade fält på Wordpress

Klicka på knappen Skicka '(Submit) för att lägga till det anpassade metafältet. Du kan sedan besöka avsnittet användare »Din profil För att se fältet.

nya fält facebook-profil

Nu när vi har skapat ett anpassat fält, låt oss lägga till det i det anpassade registreringsformuläret i WPForms.

gå till  WPForms »Alla former » för att ändra ditt personliga registreringsformulär eller skapa ett nytt.

Klicka sedan på ett fält från den vänstra panelen för att lägga till det i ditt formulär. I det här exemplet lägger vi till ett fält " Webbplatsens URL Till vår form.

Add-a-new-fält wpforms

Fältet Webbplats/ URL Visas nu i förhandsgranskningen av ditt formulär. Du måste bara klicka på den och WPForms visar dess egenskaper i den vänstra rutan.

Vi måste ändra webbplatsens etikett " Webbplats / URL För " URL Facebook-profil". Du kan också lägga till en beskrivning för fältet.

modifiera en inloggningsfältet Wordpress plugin WPForms

Glöm inte att klicka på knappen « Enregistrer I det övre högra hörnet av skärmen för att spara ditt formulär.

Då måste du klicka på knappen Parametrar (Inställningar) för de avancerade inställningarna för formuläret. På sidan Inställningar ", Klicka på" Användarregistrering ".

WPForms visar dina fält och en rullgardinsmeny nedan för dig att välja vilket registreringsfält du kan " karta'(Logga in eller harmonisera).

Upptäck vårt 8 premium WordPress plugins för att skapa egna fält

Du kommer att märka att WPForms " kartor »Automatiskt dina standardfält som namn, e-post, lösenord, etc….

Du kan välja en sida där du vill att användare ska omdirigeras när de validerar formuläret.

Du måste rulla ner till " Anpassad användarmeta ". Här kan du ange den anpassade metatangenten som skapats tidigare och sedan välja fältet för det formulär du vill "kartlägga".

mapper-a-field-skräddarsy-wpforms

Glöm inte att spara dina inställningar

Hur man lägger till ett registreringsformulär på WordPress

Innan vi börjar denna del, inbjuder vi dig att upptäcka Hur man skapar en egen registreringssidan på Wordpress

Om det är klart, låt oss lägga till ett formulär tillsammans på WordPress

WPForms gör det enkelt att lägga till widgetar i sidofältet eller på dina sidor och artiklar. Du måste börja med att redigera en artikel / sida.

På redigeringsskärmen kommer du att märka den nya WPForms-knappen.

Add-a-form-wpforms

Om du klickar på den visas en snabbmeny. Du måste välja ditt formulär i rullgardinsmenyn och klicka sedan på "  Lägg till Form ".

Du kommer att märka att kortkoden " WPForms Visas i innehållsredigeraren för din artikel. Nu kommer du att kunna publicera eller spara dina artiklar / sida och sedan förhandsgranska ditt formulär.

FÖRHANDSVISNING-of-form, anpassar

WPForms låter dig också lägga till ditt anpassade registreringsformulär i sidofältet. Besök menyn  Utseende >> Widgets >>, och lägg till en widget WPForms Till en sidofält.

formen-of-the-bar-Side

Du måste välja det formulär du vill visa från rullgardinsmenyn i widgetinställningarna. Glöm inte att spara widgetinställningarna.

Det är det, du kan nu besöka din webbplats för att se ditt personliga registreringsformulär i aktion.

Form-skräddarsy-wordpress

 

Detta avslutar skapandet av ett personligt registreringsformulär. Men innan du går vidare föreslår vi att du tittar på artikeln WPForms: Det bästa WordPress-plugin för att skapa ett kontaktformulär

Om du letar efter andra premiumlösningar för att skapa uppenbarligen utföra samma uppgift, kolla in vår 3 Wordpress plugins nedan.

1. WP Custom Admin Login

WP Custom Admin Login är en Wordpress plugin WordPress standardinloggningssida anpassning premium. Det låter dig anpassa den här sidan från WordPress Customizer, och kommer med mer än 25 fantastiska sidmallar som är helt att välja mellan.

WP anpassad admin inloggning wordpress plugin för att skapa en anpassad admin inloggningssida

Även om du inte har kodningskompetens kan du skapa en exceptionell inloggningssida på nolltid. Dess visuella gränssnitt är mycket intuitivt, vilket gör att du kan konfigurera din inloggningssida enligt dina preferenser. Det stöder videor och bilder som kan användas som bakgrund på din sida.

Ladda ner | demo | webbhotell

2. Flex-registret

Flex-Register är en Wordpress plugin som låter dig lägga till ett registrerings- eller inloggningsformulär i en lightbox. En uppdatering av sidan kommer inte att behövas och den kommer att fungera direkt efter installationen. Ingen konfiguration kommer därför att behövas.

Flexregister bootstrap 3 lightbox för att registrera wordpress

Det kommer också att ta hand om att matcha din form med stilen för det aktiva WordPress-temat på din webbplats. Som en funktion erbjuder den bland annat: en ren design och välkommenterad kod, dess fullt anpassningsbara utseende, kompatibilitet med de flesta ds WordPress-teman populärt, stöd för flera webbläsare och mer.

Ladda ner | Demo | webbhotell

3. Logga in Ninja

Ce Wordpress plugin låter dig anpassa din inloggningssida. Det är mer än att bara anpassa ditt inloggningsformulär. Du kan anpassa hela sidan, ändra dess färg, lägga till en bakgrundsbild, lägga till en logotyp och mer.Ninja inloggning wordpress plugin

Dess andra funktioner är: skydd av inloggnings- och registreringsformulär med captcha, automatisk och manuell förbudning av IP-adresser som attackerar dig med brute force, en detaljerad logg över alla anslutningsrelaterade aktiviteter, omdirigering av användare baserat på roller och användarnamn, ta emot e-postaviseringar för alla inloggningshändelser, lättanvänt grafiskt gränssnitt, detaljerad dokumentation och mer.

Ladda ner | Demo | webbhotell

Andra rekommenderade resurser

Vill du skapa andra typer av former? kolla gärna den här listan över rekommenderade resurser. 

Slutsats

Voila! Det är det för den här tutorialen. Jag hoppas att det gör att du enkelt kan skapa en anpassad registreringsform på WordPress. Vi inbjuder dig också att konsultera vår resurser om du är en nybörjare bloggare

Om du har några förslag eller kommentarer är de välkomna. Men om du gillade tveka inte att  dela den här artikeln på dina olika sociala nätverk.

.