Det inkluderas redan ett enkelt registreringsformulär som standard i WordPress. Men med rätt verktyg finns det gott om avancerade anpassningar, oavsett om du lägger till en logotyp i formuläret eller inkluderar formuläret på en mer offentlig sida.

Varje webbplats kräver en annan version av användarregistreringsmodulen och det är därför viktigt att lära sig att lägga till och hantera ett anpassat WordPress-registreringsformulär.

Den goda nyheten är att registreringsformulär finns i många former och stilar. Du kan bygga och hantera ett anpassat registreringsformulär med ett plugin för användarregistrering, lägga till medlemsprofiler och varumärkeselement.

Du kanske även bör integrera med ett tredjeparts registreringsverktyg eller hålla dig till grunderna och anpassa standardregistreringsmodulen från WordPress.

Oavsett dina behov och önskemål om ett anpassat WordPress-registreringsformulär finns det olika lösningar för att aktivera mer förenklade registreringsformulär. Du kan även aktivera avancerade inloggnings- och registreringssidor med funktioner för användarmeddelanden och inloggning med konton på sociala medier.

Fortsätt att läsa för att lära dig mer om användarregistrering i allmänhet och grunderna bakom att lägga till ett nytt och helt anpassningsbart WordPress-registreringsformulär på din webbplats.

Vad är användarregistrering?

Användarregistrering är den enkla processen när en webbplatsbesökare skapar ett konto på din webbplats.

Denna registrering involverar en ny kund på en webbplats som exempelvis en e-butik, eller en medlem som ansluter sig till ett forum, eller en läsare som registrerar sig på en blogg, bara för att nämna några exempel.

Användarregistreringsprocessen kräver att en person skriver in någon form av kontaktinformation för att skapa ett konto. Ibland är det så enkelt som att skapa ett användarnamn och lösenord. Det är dock vanligt att man även har ett e-postadressfält för att säkerställa att en återställningsprocess för lösenord är möjlig.

Den vanliga WordPress-registreringssidan ber om ett användarnamn och e-post. Därefter begärs ett lösenord.

Exempel på ett registreringsformulär i WordPress
Exempel på ett registreringsformulär i WordPress

Du kan även hitta mycket mer omfattande användarregistreringsformulär, med fält som ber om information som kön, adress eller födelsedatum. Det är inte ovanligt att se djupgående former som detta på platser som dejtingsidor eller sociala nätverk. Till och med webbplatser som Netflix erbjuder valfria användarregistreringsfrågor för att få bättre koll på de typer av videor som du gillar att titta på.

Ett användarregistreringsformulär är inte nödvändigt om du inte erbjuder något speciellt till dessa användare eller om du inte är intresserad av att hantera en användardatabas. En webbplatsbesökare är dock en ganska värdefull del av ett onlineföretag, så det är ofta bättre att ta reda på anledningarna till att ha användare.

Användarregistrering öppnar även möjligheter för att ställa in användarroller, där vissa användare har olika funktioner eller annan åtkomst till din webbplats jämfört med andra.

Användarroller för WordPress Registreringsformulär
Användarroller för WordPress Registreringsformulär

I allmänhet tenderar en användarregistreringsmodul att leda personen till ett online-utrymme där användaren förstår sin ställning och aktivitet på din webbplats. En webbplats som exempelvis eBay, visar tidigare bud och köp i användarprofilen. Detta är endast möjligt om någon går igenom användarregistreringsformuläret för att skapa det profilområdet.

Nu har vi pratat om grunderna i användarregistrering, och vilken funktion detta kan ha. Fortsätt gärna läsa för att lära dig om varför du kanske bör överväga att lägga till ett WordPress-användarregistreringsformulär på din webbplats.

Fördelar med WordPress registreringsformulär

Om du bygger en webbplats kanske du undrar varför du ska lägga till ett WordPress-registreringsformulär. Sammantaget visar ett registreringsområde besökare att de kan få någon form av fördel genom att skapa ett konto. Ibland får de åtkomst till ett forum, eller kan logga alla tidigare köp eller interaktioner med andra användare.

Registreringsformulär skapar ett mervärde för de användare som skapar kontona. Som en bonus får webbplatsägarna betydande avkastning i form av organisering och datainsamling.

Fördelarna är många, men här är de primära:

  • Förbättrad användarorganisering, interaktion och feedback – Registrerade användare skickar in en betydande mängd information, så att du kan hantera dessa användare på ett mer kontrollerat sätt. Det öppnar även upp alternativ för att höra av sig till dessa webbplatsbesökare och få värdefull feedback för att förbättra din webbplats, istället för att undra vem som köper dina produkter eller läser din blogg.
  • En växande e-postlista – Så länge ditt användarregistreringsformulär ber om ett e-postmeddelande samlar du in data som är användbara i framtiden. Registrerade användare går med i ditt e-postmarknadsföringsprogram, vilket gör det enklare för dig att skicka ut e-postmeddelanden med kuponger, nya produkter eller blogginlägg.
  • Anpassad datainsamling – Ett registreringsformulär behöver inte bara be om ett namn och en e-postadress. De djupdyker i användarens bakgrund. Du kan lägga till anpassade fält som ber om allt från höjd och vikt till specifika inställningar som exempelvis deras favoritbok.
  • Säkerhet för din webbplats och dina användare – skräppost för användarregistrering lägger till en oönskad nivå av röra på en webbplats, varav mycket kräver borttagning eller filtrering av webbplatsägare och moderatorer. Ett starkt registreringsformulär ökar säkerheten och förhindrar oönskade medlemmar.
  • Avancerade alternativ för användarbehörighet – Registrering möjliggör att du kan ange användarbehörigheter (ibland kallat användartyper eller roller) så att vissa användartyper kan se visst innehåll eller dra nytta av webbplatsfunktioner. Andra användarroller kan ha tillgång till en del av webbplatsen men inte allt. Detta är särskilt viktigt för medlemskapswebbplatser eller om du har flera webbplatsbidragsgivare, som författare och redigerare.
  • En vänligare användarupplevelse – Ett av huvudmålen med användarregistrering är att tillhandahålla ett konsoliderat område för enskilda användare där de kan kontrollera sin status som användare. Dessa profiler förbättrar den övergripande användarupplevelsen genom att visa viktig information, exempelvis tidigare köp eller meddelanden till andra användare.
  • Medlemskapswebbplats-byggnad med profilhantering – Ett registreringsformulär är praktiskt för att konstruera en fullfjädrad medlemswebbplats, eftersom det är en av de primära funktionerna som du erbjuder med en medlemswebbplats. Användare tycker om att hantera sina egna profiler, oavsett om det är på ett socialt nätverk, forum eller en exklusiv onlinekurs.

Vilket är det bästa sättet att erbjuda ett registreringsformulär i WordPress?

Det finns hundratals sätt att lägga till ett registreringsformulär på din WordPress-webbplats. Din utformning av formuläret gör varje process helt unik, särskilt när du börjar lägga till unika anpassade fält.

Det finns dock fyra primära metoder för att lägga till ett användarregistreringsformulär, som samtliga är möjliga med rätt kunskap och verktyg.

Du kan aktivera en registreringsmodul med följande metoder:

  • Aktivera den inbyggda användarregistreringsfunktionen i WordPress.
  • Bädda in ett WordPress-användarregistreringsformulär med en tredjepartslösning.
  • Installera en registreringsmodul med ett WordPress-plugin.
  • Skapa ett registreringsområde med anpassad kod.

Den stora frågan är, vilken av metoderna är idealisk för din situation?

Det är svårt att bestämma vilken väg du ska ta, men ditt affärsformat och begär för funktionsuppsättningar spelar en stor roll:

  • Standard WordPress-registrering – Detta är den snabbaste och enklaste metoden för att införliva användarregistrering på din webbplats. Det passar inte dem som behöver ett anpassat eller långt formulär för registrering. Den inbyggda WordPress-registreringen passar bäst för mindre webbplatser och bloggar som bara behöver samla in namn och e-postadress. Tänk på att designmöjligheterna är begränsade med standardformuläret för WordPress-registrering.
  • Bädda in en tredjeparts registreringsmodul – En separat programvara eller app integreras med din WordPress-webbplats. Denna process är vettig om du hittar en registreringsformulärbyggare med dina favoritfunktioner men saknar ett WordPress-plugin. Ett formulär från tredje part är ibland mer komplicerat än ett plugin eftersom du vanligtvis måste ta reda på hur du installerar eller visar registreringsmodulen på din WordPress-webbplats, som med en inbäddningskod.
  • Använda ett registreringsplugin – Vi gillar att nyttja plugins för användarregistrering av två skäl. Först och främst eliminerar de behovet av anpassad kodning och tredjepartsverktyg. För det andra har solida plugins långa funktionslistor, vilket gör det enkelt för vem som helst att designa och implementera vackra registreringsformulär. Plugins är med andra ord vettiga både för nybörjare utan kodningskunskap och utvecklare som längtar efter en enklare lösning.
  • Anpassad kodning av registreringsformuläret – Det här alternativet är reserverat för de organisationer som kräver ett helt unikt gränssnitt för att registrera användare. Det är oftast nödvändigt att kunna betala en utvecklare som skapar det anpassade formuläret.

 

Hur man skapar ett WordPress-registreringsformulär utan plugin

Det är möjligt att lägga till ett registreringsformulär i WordPress utan att behöva söka efter och installera ett nytt plugin. Tillvägagångssätten varierar, men generellt kan webbplatsägare antingen välja det inbyggda registreringsformuläret från WordPress eller överväga en mer avancerad rutt med programvara från tredje part eller anpassad kodning.

Vi kommer att gå igenom stegen för varje metod.

Aktivera standardfunktionen för användarregistrering i WordPress

WordPress tillhandahåller redan ett registreringsformulär och användarhanteringsområde när du installerar Content Management System. Registreringsfunktionerna är inte nödvändigtvis aktiverade som standard, så det finns några saker som du måste gå igenom för att säkerställa att dina webbplatsbesökare har möjlighet att skapa ett konto.

Tänk på att den här versionen av ett registreringsformulär är det minsta när det gäller att utforma formulär för registrerings- och inloggningsmoduler. Det fungerar dock fint för bloggar och mindre communities som bara behöver få användare och ge människor ett sätt att logga in med ett användarnamn och  lösenord.

Börja med att gå till din WordPress-instrumentpanel.

Klicka på Inställningar > Allmänt.

WordPress-inställningar
WordPress-inställningar

När du bläddrar nedåt i inställningarna hittar du rubriken Medlemskap. Markera den här rutan om du vill att alla som kommer till din webbplats ska kunna registrera sig som nya användare.

Därefter ändrar du fältet Ny användarstandardroll så att varje ny användare tilldelas en roll med behörigheter.

Prenumerant-användarrollen är den vanligaste för medlemmar och kunder. Bidragsgivare och författare har tillgång till vissa verktyg för innehållsskapande, som blogginlägg, medan redigerarna kan publicera och administratörerna behåller kontrollen över alla aspekter av webbplatsen.

Var noga med att spara ändringarna.

Användarroller
Användarroller

Den här aktiveringen aktiverar en unik registrerings- och inloggningssida som människor kan gå till när de vill få tillgång till din webbplats.

Formuläret kan som standard nås på: myexamplewebsite.com/wp-login.php. Det är möjligt att ändra denna URL, men alla WordPress-inloggnings– och registreringssidor börjar vanligtvis med underkatalogen wp-login.php.

Du bör se ett formulär som ber besökaren att logga in med ett användarnamn eller en e-postadress, tillsammans med deras lösenord. Sidan innehåller även en länk för att registrera sig för webbplatsen, återställa ett glömt lösenord och gå tillbaka till webbplatsens hemsida.

Standard-URL för ett WordPress-registreringsformulär
Standard-URL för ett WordPress-registreringsformulär

När du har aktiverat användarregistrering är det dags att placera ett registreringsformulär på webbplatsens frontend.

Det enklaste sättet att installera ett registreringsformulär i WordPress är genom att lägga till en widget.

Gå till Utseende > Widgets i WordPress instrumentpanel.

Widgets-fliken i WordPress
Widgets-fliken i WordPress

Listan över tillgängliga widgetar visar flera alternativ, inklusive anpassad HTML, bilder och en metawidget. Dessa widgets tillhandahålls alla som standard i WordPress, så du behöver inte installera något annat.

Leta efter metawidgeten. Det aktiverar en modul där användare kan logga in, registrera sig och klicka sig igenom några andra WordPress-länkar.

Välj metawidgeten.

Metawidgeten i WordPress
Metawidgeten i WordPress

Alla teman varierar, så du kan ha en sidfot, sidofält, sidhuvud eller någon kombination av dessa widgetområden. Du kan placera metawidgeten i någon av dem.

Vårt nuvarande testtema har endast några sidfötter, så vi placerar min Meta-widget i den första. På så sätt kan besökarna se inloggnings- och registreringsformuläret oavsett vilken sida de hamnar på.

Välj det widgetområde som du vill använda och klicka på knappen Lägg till widget.

Lägga till en widget
Lägga till en widget

Metawidgeten placeras och sparas nu i sidfotsområdet, eller det widgetområde som du har bestämt.

När du klickar på metawidgeten kommer du att märka att den inte innehåller så mycket innehåll eller några anpassningsbara fält. Allt är konfigurerat för dig.

Metawidgeten låter dig dock justera titeln om du vill. Se till att spara widgeten om den inte sparas automatiskt.

Redigera metawidgeten
Redigera metawidgeten

Gå till din webbplats frontend för att se hur registreringslänken ser ut:

site admin for WordPress Registration Form
Registreringsformulär på frontend

När du loggar ut från ditt testkonto kommer du att märka att länkarna Registrera och Logga in visas för användare. De kan antingen logga in på sina tidigare skapade konton eller skapa nya.

Registreringslänkar
Registreringslänkar

Genom att klicka sig igenom inloggnings- eller registeringslänkarna tas användaren till den vanliga WordPress-registreringssidan och blir ombedda att skapa ett användarnamn, skriva in sin e-postadress och skapa ett lösenord.

Standardformulär för WordPress-registrering
Standardformulär för WordPress-registrering

Så här ändrar du registrerings- och inloggningsformuläret

Förutom anpassad kodning finns flera andra alternativ tillgängliga för att anpassa standardsidan för WordPress-inloggning och registrering.

Att ändra utformningen på WordPress inloggningssida hjälper till med varumärkesbyggande och säkerhet. Det är vettigt att ha din egen logotyp och dina egna färger på registreringssidan, särskilt när det gäller online-communities där inloggningssidan är ett av de första områdena som en kund ser.

Den andra anledningen till att du bör ändra strukturen på inloggningssidan är att du på så sätt kan hindra inkräktare från att få åtkomst. Detta kan göras genom att ändra webbadressen till den här registreringssidan (eftersom vem som helst kan tänka på och gå till / wp-login.com-URL: en) och genom att lägga till ytterligare skydd som en skräppost-säkerhetskontroll.

Ändra logotypen och designen för registreringssidan

Att snabbt ta bort WordPress-logotypen och byta ut den mot din egen på registreringssidan ger en glimt av ditt eget varumärke när användare försöker logga in och registrera sig.

Du har även möjlighet att helt ändra utformningen på den sidan med ett plugin, med unika stilar och färger som ser annorlunda ut än de vanliga WordPress-designerna.

Vissa människor vill bara lägga till en ny logotyp och bli av med WordPress-logotypen. Det är ganska simpelt och kräver inte ett plugin.

För att göra detta, ska du ladda upp logotypen till ditt WordPress-mediebibliotek. Detta görs genom att gå till Media>Lägg till nytt.

Lägga till en ny logotyp
Lägga till en ny logotyp

På den sidan laddar du upp logotypen från datorn genom att klicka på knappen Välj filer och välja logotypen från dina datorfiler.

Ladda upp en ny logotyp för ditt anpassade WordPress-registreringsformulär
Ladda upp en ny logotyp för ditt anpassade WordPress-registreringsformulär

När den har laddats upp ska du klicka på länken Redigera för den logotypbilden.

Redigera den nya logotypfilen
Redigera den nya logotypfilen

Kopiera bildens filadress till Urklipp. Spara den till senare i en textredigerare eller något liknande.

Kopiera logotyp-URL för WordPress-registreringsformulär
Kopiera logotyp-URL för WordPress-registreringsformulär

Gå vidare, navigera till webbplatsens functions.php-fil. Klistra in följande kodbit i functions.php-filen. Det är oftast bäst att klistra in koden i slutet av filen:

function wpb_login_logo() { ?>
<style type="text/css">
#login h1 a, .login h1 a {
background-image: url(http://your-logo.png);
height:200px;
width:600px;
background-size: 600px 200px;
background-repeat: no-repeat;
padding-bottom: 20px;
}
</style>
<?php }
add_action( 'login_enqueue_scripts', 'wpb_login_logo' );

Hitta texten där det står ”http://your-logo.png” och ersätt den med den bild-URL som du sparat.

Du har även möjlighet att ändra logotypens höjd och bredd baserat på filens faktiska storlek. Lek gärna med koden och förhandsgranska resultatet tills du är nöjd.

Kolla in den officiella WordPress-dokumentationen om hur du anpassar inloggningsformuläret om du har några frågor eller vill ta itu med andra anpassningar.

Använda ett plugin för ytterligare anpassningar av registreringssidan

Det finns även flera plugins tillgängliga för att ändra inloggningssidans logotyp.

Faktum är att Pluginet LoginPress Customizer erbjuder ett komplett system för att byta ut logotypen och anpassa nästan alla aspekter av din registreringssida.

LoginPress for WordPress registreringsformulär
LoginPress for WordPress registreringsformulär

För att använda LoginPress, ska du installera pluginet och gå till LoginPress>Anpassare i WordPress instrumentpanel.

Pluginet erbjuder ännu fler inställningar men vi tittar främst på anpassningsverktygen.

Detta tar dig till den vanliga WordPress Anpassaren, men till en speciell sida där man endast ändrar registreringsformuläret och sidan.

Pluginet har flera fördefinierade teman i premiumversionen, men de flesta designfunktioner tillhandahålls kostnadsfritt.

Som du kan se finns det inställningar för att justera logotypen, bakgrunden, inloggningsformuläret och mer. Det sätts automatiskt en bakgrund som ser drastiskt annorlunda ut än standardbakgrunden från WordPress.

Temabyggare för WordPress registreringsformulär
Temabyggare för WordPress registreringsformulär

Pluginet har en visuell byggare. Så för att ändra logotypen behöver du bara bläddra över logotypen och klicka på ikonen Ändra logotyp.

Ändra logotypen i ett registreringsformulär
Ändra logotypen i ett registreringsformulär

Ladda upp en logotyp från datorn och flytta logotypens bredd- och höjdinställningar för att säkerställa att den ser bra ut.

Anpassa din logotyp
Anpassa din logotyp

Därefter går du till fliken Bakgrund för att antingen välja en medföljande bakgrund från LoginPress eller ladda upp din egen. Du kan även köra med en tom vit bakgrund eller en heldragen färg.

Med ett klick på en knapp kan du växla den blommiga bakgrunden till en bakgrund med löv.

Ange en bakgrund
Ange en bakgrund

Det finns även en hel del andra flikar där du kan justera inställningarna för registreringssidan.

Vi rekommenderar att du tittar igenom dem alla, inklusive möjligheten att helt omvandla formulärets storlek och plats. Du kan ändra allt från välkomstmeddelanden till Google Fonts, allt utan att behöva röra en kodrad.

Ytterligare inställningar för ditt WordPress-registreringsformulär
Ytterligare inställningar för ditt WordPress-registreringsformulär

Ändra URL:en för registreringssidan

Det är viktigt att bestämma om du vill skapa en ny URL för registreringssidan. Vi har tidigare diskuterat att registreringssidan kan nås på myexamplewebsite.com/wp-login.php.

Eftersom WordPress använder underkatalogen /wp-login.php för alla inloggningssidor är det inte svårt för en hacker att känna till den exakta platsen. Även om de fortfarande behöver brute force-attackera inloggningsformuläret, lägger du till ett lager av säkerhet genom att minimera risken för att de överhuvudtaget kommer åt sidan.

Ditt bästa alternativ är att installera och aktivera WPS Hide Login plugin för att få jobbet gjort. Plugin-programmet hanterar omedelbart omdirigeringen och gömstället för din gamla registreringssida och ber dig endast att bestämma underkatalognamnet.

WPS Hide Login WordPress-plugin
WPS Hide Login WordPress-plugin

Vi har en handledning för att installera och använda pluginet WPS Hide Login här. Följ dessa steg för att ändra din inloggningsadress. Det är i stort sett en helt automatiserad process där du skriver in en ny underkatalog för inloggningsadressen och omdirigeringsadressen (om du vill justera detta).

Sedan gör pluginet resten av jobbet och skapar något som ser ut ungefär som följande skärmdump.

Hemlig URL
Hemlig URL

Hur man skapar ett WordPress-registreringsformulär med ett avancerat plugin

De tidigare taktikerna för att aktivera och anpassa registreringsformuläret fungerar genom att man ändrar det redan implementerade inloggningsformuläret i WordPress. WordPress-formuläret inkluderar visserligen grunderna, men det passar inte för alla.

Vad händer om din webbplats kräver ytterligare fält för att samla in telefonnummer eller fysiska adresser? Skulle det inte vara trevligt att kunna generera dina egna anpassade fält så att du i stort sett kan forma registreringsformuläret hur du vill?

Ett anpassat kodat registreringsformulär är det mest effektiva sättet för att få den mest unika designen på ett formulär, men ett WordPress-plugin är det näst bästa.

Du behöver dessutom inte spendera tid och pengar på att utveckla ett formulär som potentiellt kan skapas med ett plugin.

De bästa pluginen för WordPress-registreringsformulär

Ta en titt på vår artikel om de bästa WordPress-pluginen för användarregistrering. Den går igenom en stor samling plugins som är lämpliga för att designa och formatera registreringsmoduler utan speciellt mycket kodningskunskap.

Vissa av dem tillhandahåller unika verktyg för att använda stora samlingar av anpassade fält, medan andra omedelbart aktiverar medlemskataloger för att organisera din medlemsbas.

Vi rekommenderar starkt att du läser igenom den artikeln för att bestämma vilket som är det bästa pluginet för din situation, men nedan är en lista över våra favoriter:

Dessa plugins fokuserar på att bygga inloggningsformulär för medlemskap och nischregistreringsområden och låter dina användare gå genom en smidig process när de registrerar sig för din webbplats.

Som ett alternativ kan du använda ett allmänt formulärplugin så att du inte fastnar med ett plugin som är begränsat till en viss bransch eller en viss funktion.

Det är exempelvis möjligt att skapa ett anpassat WordPress-registreringsformulär med pluginen Contact Form 7 och Gravity Forms.

Vi går igenom stegen i avsnitten nedan.

Skapa ett WordPress-registreringsformulär med Contact Form 7

Contact Form 7 erbjuder de mest grundläggande kontaktformulärverktygen i WordPress. Det är extremt populärt, pålitligt och så användarvänligt att det ser trevligt ut på vilken webbplats som helst. Dessutom säkerställer denna grundläggande design att alla utvecklare kan gå in och anpassa med sin egen kod.

Plugin-program för kontaktformulär 7
Plugin-program för kontaktformulär 7

Ett standardformulär kan mycket väl fungera som en registreringslösning, men dessa formulär-inskickningar går till en annan databas och registrerar faktiskt inte nya användare i din användardatabas i WordPress. Du får istället e-postmeddelanden med kontaktformulär-inskickandet och all användardata som du bad om i formuläret. Du kan logga användarinformationen i ett kalkylblad, men detta är inte alltid idealiskt.

Detta kan passa bra för vissa människor. Du kan importera din lista från Contact Form 7 till alla plugin-program eller program för kontakthantering. Du har även möjlighet att importera listan till användarsektionen i WordPress.

Vi vill dock göra det lite strömlinjeformat genom att länka Contact Form 7 till ett tillägg som konverterar dina Contact Form 7-formulär till det faktiska användarregistreringsformuläret för WordPress.

Det finns två metoder för att omvandla dina Contact Form 7-skapelser till legitima användarregistreringsformulär:

  • Använd ett plugin.
  • Infoga en anpassad kod.

Som med många uppgifter i WordPress föredrar vi att hålla oss till plugins om det blir för komplicerat med anpassad kodning.

Det första steget är därför att installera pluginet Contact Form 7 och ett tillägg som heter Frontend Registration – Contact Form 7.

Frontend Registration
Frontend Registration

När båda är aktiverade går du till din instrumentpanelsmeny i WordPress och navigerar till Kontakt > Kontaktformulär.

Knappen Kontaktformulär
Knappen Kontaktformulär

Du kan antingen klicka på knappen Lägg till nytt för att skapa ett nytt formulär eller välja det standardformulär som redan har skapats av plugin-programmet.

Skapa ditt första formulär
Skapa ditt första formulär

I Contact Form 7 skapas alla formulär med en enkel mall med hjälp av bitar av kodade taggar. Etikett-taggen är texten som visas ovanför varje fält i formuläret, detta gäller för varje fält.

Formulärtaggen – eller textbiten mellan [ ] hakparenteserna – genererar det faktiska formulärfältet där användaren skriver in informationen.

Det färdiga formuläret från Contact Form 7 innehåller ett fält för Namn, E-post, Ämne och Meddelande. Detta är vettigt för ett vanligt kontaktformulär, men det finns ingen anledning att ha ett ämnes- och meddelandefält i ett registreringsformulär.

Ta bort dem.

Ta bort onödiga etiketter
Ta bort onödiga etiketter

 

Knapparna ovanför formulärskaparen finns för att inkludera ytterligare fälttaggar.

Du kanske exempelvis även vill samla in telefonnummer från dina nya användare. För att göra detta väljer du taggen ”tel” och placerar den i formuläret. Andra taggar inkluderar URL-alternativet för webbplatser och kryssrutor eller alternativknappar för att ställa specifika frågor.

Tel-taggen
Tel-taggen

Pluginet lägger till fältet, men du måste placera label-taggarna där manuellt. Du kan helt enkelt kopiera dessa från ett av de andra fälten och ändra etiketten till något som ”Ditt telefonnummer”.

Kontrollera att du stänger etiketten med </label>.

Stänga taggen
Stänga taggen

Spara formuläret.

Du kommer att märka att det tilldelas en kortkod till vart och ett av de formulär som du skapar i Contact Form 7. Detta är för att du ska kunna placera formuläret var du vill på din webbplats, från sidofält till vanliga sidor.

Contact Form 7 kortkod
Contact Form 7 kortkod

Kopiera gärna den kortkoden om du planerar att använda en kortkod för att visa formuläret.

Det finns även ett annat alternativ. Du kan använda ett block via Gutenberg-redigeraren.

Nu är det dags att lägga till formuläret på en sida. Klicka på fliken Sidor i WordPress och lägg sedan till en ny sida eller gå till en som du redan har skapat.

Lägga till en ny sida
Lägga till en ny sida

För den här självstudien kallar vi den här sidan ”Användarregistrering”. Den fungerar som den primära webbplatsen som besökare kommer till för att registrera sig på test-webbplatsen.

Klicka på knappen Lägg till block i den visuella redigeraren.

Lägga till ett block i blockredigeraren
Lägga till ett block i blockredigeraren

Leta reda på Contact Form 7-blocket och markera det.

Contact Form 7-blocket
Contact Form 7-blocket

Detta skapar en rullgardinsmeny med alla kontaktformulär som du har genererat i plugin-programmet Contact Form 7.

För tillfället har vi bara ett, så låt oss välja det.

Välja rätt formulär
Välja rätt formulär

Ett alternativ till att använda Gutenberg redigerarens block är att infoga formulärets kortkod på sidan. Du kan göra detta antingen i den traditionella WordPress-redigeraren eller med Gutenberg´s kortkods-block. Båda sätten uppnår samma mål.

Publicera den här sidan för att säkerställa att den är tillgänglig på din webbplats frontend.

Lägga till en kortkod för ditt WordPress-registreringsformulär
Lägga till en kortkod för ditt WordPress-registreringsformulär

Härnäst ska du aktivera användarregistreringsfunktionerna för Contact Form 7. Det är där pluginet Frontend Registration kommer in i bilden.

För tillfället är formuläret fortfarande ett standardkontaktformulär, där användaren klickar på knappen Skicka så att ett e-postmeddelande skickas ut till administratören av webbplatsen.

Vi vill hellre att inskickandet registrerar en ny användare i WordPress-databasen.

Navigera därför tillbaka till redigeraren av kontaktformulär. När du har installerat pluginet Frontend Registration bör du nu se en flik som heter Registreringsinställningar. Klicka på den.

Fliken Registreringsinställningar
Fliken Registreringsinställningar

Byt läge på spaken för alla tre objekten under registreringsinställningarna.

Den första möjliggör registreringar på formuläret, och är därför den viktigaste av de tre.

Den andra inställningen gör att det inte skickas ut e-postmeddelanden för det formuläret. Du får därför inget kontaktformulärmeddelande som tidigare.

Den sista krävs inte men skapar en smidig registreringsprocess. Den loggar in användarna så att de inte behöver gå igenom stegen två gånger.

Registreringsinställningar för WordPress-registreringsformulär
Registreringsinställningar för WordPress-registreringsformulär

Under detta väljer du de fältnamn som registreras i WordPress användarelement.

En WordPress-användare måste exempelvis ha ett användarnamn och en e-post för att deras konto ska fungera. Du kan ställa in formulärfältet ”ditt namn” så att det blir deras användarnamn och fältet ”din e-postadress” så att det blir deras e-postadress.

Det sista steget är att välja en standardanvändarroll, exempelvis Prenumerant. Vi rekommenderar vanligtvis prenumerantanvändarrollen för de flesta webbplatser eftersom alla behörigheter över detta ger en intim åtkomst till webbplatsinställningarna.

Inställningar för frontendfält
Inställningar för frontendfält

Gå till frontend på den sidan och testa genom att klicka på skicka-knappen.

Testa registreringsformuläret
Testa registreringsformuläret

Det verkar fungera. Det enda problemet är att framgångsmeddelandet får det att se ut som att användaren just har skickat in ett kontaktformulär.

Meddelande om framgång
Meddelande om framgång

Detta måste vi ändra på. För att göra detta, gå tillbaka till formulärredigeraren i WordPress instrumentpanel.

Klicka på fliken Meddelanden och hitta fältet Avsändarens meddelande skickades framgångsrikt.  Allt du behöver göra är att ändra det här meddelandet.

Justera meddelanden i Contact Form 7
Justera meddelanden i Contact Form 7

Du kan exempelvis skriva tack för att du blir medlem eller registrerar dig på webbplatsen.

Ändra avsändarens meddelande
Ändra avsändarens meddelande

Vi bör slutligen kontrollera om användaren registrerades i WordPress användardatabas.

Om du är inloggad på webbplatsen som testanvändare visas ett felmeddelande som detta när du försöker kontrollera användarlistan. Det beror på att prenumerantanvändarroller inte kan kontrollera eller hantera användare på din webbplats.

Varning för WordPress registreringsformulär
Varning för WordPress registreringsformulär

När du loggar in på administratörskontot igen är det tydligt att den nya användarinformationen lagras i användarnas databaslista!

Den nya registrerade användaren
Den nya registrerade användaren

Skapa ett WordPress-registreringsformulär med Gravity Forms

Gravity Forms är en välkänd och välrenommerad formbyggare som genererar många unika typer av formulär och länkar till sina egna plugins för avancerade funktioner.

Gravity Forms är en premiumlösning, men du kan testa hela gränssnittet och bygga dina egna formulär med en gratisdemo. Planerna börjar på $ 59, men tillägget användarregistrering ingår endast i Elite-planen, som ligger på $ 259.

Ja, det är lite dyrt, men Gravity Forms är ett av de bästa alternativen om man vill anpassa sitt användarregistreringsområde och införliva andra element, som betalningar den gateway som man vill använda.

Börja med att gå till Gravity Forms webbplats.

Där ska du välja att registrera dig för Elite-planen för att aktivera tillägget Användarregistrering. Ladda ner Gravity Forms plugin-fil, ladda upp den till din instrumentpanel i WordPress och aktivera plugin-programmet för att börja processen för att skapa formulär.

Gravity Forms har som standard alternativ för att konstruera standardwebbplatsformulär. De är otroligt fina, men det finns några inställningar som man bör justera om man vill få ett användarregistreringsformulär där varje inskickning placeras i ens WordPress-användardatabas.

När det är aktivt visar Gravity Forms en formulärflik i WordPress instrumentpanel.

Gå till Formulärm > Tillägg.

Leta reda på tillägget för användarregistrering och klicka på knappen Aktivera.

Tillägg för användarregistrering
Tillägg för användarregistrering

När ett Gravity Forms-tillägg har aktiverats visas det i din lista över plugins, precis som Gravity Forms.

Lista över plugins
Lista över plugins

Gå vidare genom att klicka på Formulär > Inställningar.

Gravity Forms inställningsflik
Gravity Forms inställningsflik

Leta reda på fliken Användarregistrering i inställningarna. Här ska du aktivera alternativet anpassad registreringssida.

Markera rutan för att säkerställa att alla registreringar via ditt formulär läggs till som vanliga WordPress-användare.

Aktivera anpassad registreringssida
Aktivera anpassad registreringssida

Du måste även välja en sida som ska fungera som din registreringssida. Om detta är aktiverat omdirigeras standardsidan för WordPress-registrering till den anpassade sidan. Om du redan har en sådan kan du välja sidan i rullgardinsmenyn.

Om inte, går vi igenom skapandet av registreringssidan nedan.

Se alltid till att du klickar på knappen Uppdatera inställningar när du har ändrat inställningarna i Gravity Forms.

Exempel på användarregistrering
Exempel på användarregistrering

Gå till Formulär > Formulär eller Formulär > Nytt formulär. På sidan Formulär visas en lista över alla formulär som du har skapat tidigare med gravity Forms. Listan kan vara tom om du ännu inte har gjort något.

Om du ännu inte har skapat ett formulär väljer du knappen Nytt formulär.

Skapa ett nytt WordPress-registreringsformulär med Gravity Forms
Skapa ett nytt WordPress-registreringsformulär med Gravity Forms

 

Skapa en formulärrubrik och en formulärbeskrivning. Klicka på Skapa formulär.

 

Lägga till rubrik och beskrivning i formuläret
Lägga till rubrik och beskrivning i formuläret

Gravity Forms tillhandahåller en visuell, dra och släpp-redigerare med en modul på höger sida för att inkludera fältelement.

Eftersom vi för närvarande tittar på ett tomt användarregistreringsformulär börjar vi med att dra namnmodulen till själva formuläret. Detta görs genom att du klickar på modulen och flyttar den åt vänster.

Formulärbyggare
Formulärbyggare

När någon modul har släppts i formuläret bör du se den återgiven i förhandsgranskningen.

Nu ser vi exempelvis fälten Namn, där fälten För- och Efternamn visas som standard.

Fält
Fält

För ett användarregistreringsformulär är det vettigt att även inkludera fälten Användarnamn, Lösenord och E-post.

Lägga till avancerade fält i ett anpassat registreringsformulär
Lägga till avancerade fält i ett anpassat registreringsformulär

När e-postfältet har placerats i formuläret visas ett alternativ för användare att skriva in sina e-postadresser.

Lägga till namn och e-post
Lägga till namn och e-post

Fältet Användarnamn är för att skapa ett helt nytt användarnamn för webbplatsen, medan lösenordsmodulen ber användaren att skriva in sitt nya lösenord två gånger.

Lägga till användarnamn och lösenordsfält
Lägga till användarnamn och lösenordsfält

Det är möjligt att ditt registreringsformulär kräver andra element, exempelvis kanske ett fält för telefonnummer eller webbadresser till webbplatser.

För den här självstudien har vi lagt till en sektionsmodul för att införliva en sektionsbrytning och ange att allt under den raden är valfritt.

Infoga en sektionsbrytning
Infoga en sektionsbrytning

Vi lade sedan till webbplats- och telefonmodulerna i den valfria sektionen.

Som jag tidigare nämnt är dessa typer av fält valfria för dina egna användarregistreringsformulär. Det finns många andra fält att infoga om du önskar.

Lägga till fler valfria fält
Lägga till fler valfria fält

När du placerar Gravity Forms dra och släpp-moduler i formuläret kan du klicka på varje moduls rullgardinsknapp för att utöka inställningarna och redigera alternativ för fältet.

Redigera inställningen för varje fält
Redigera inställningen för varje fält

Inställningarna under fältet Webbplats frågar exempelvis efter fältetiketten och om du vill göra det här fältet obligatoriskt eller inte.

Eftersom vi redan har markerat att fältet Webbplats är valfritt i sektionsrubriken lämnar vi detta omarkerat så att användarna inte behöver skriva in en webbplats för att registrera sig för webbplatsen.

Generellt bör den stora majoriteten av fälten vara valfria på ett registreringsformulär.

Obligatoriska kontra icke-obligatoriska fältinställningar
Obligatoriska kontra icke-obligatoriska fältinställningar

Fält för användarnamn, e-post och lösenord är nödvändiga för att generera en WordPress-användare och logga in användaren i databasen. Det är därför bättre att markera dem efter behov.

Justera gärna inställningarna för var och en av de fältmoduler som du lägger till i registreringsformuläret. Det är oftast bäst att byta namn på fältnamnet och bestämma om du vill göra fältet obligatoriskt.

Du har även möjlighet att justera fältutseendet och göra avancerade ändringar på flikarna för andra inställningar.

Göra fältet obligatoriskt
Göra fältet obligatoriskt

När du har designat registreringsformuläret efter önskemål flyttar du till fliken Inställningar.

Det här är de övergripande inställningarna för hela formuläret, inte bara för de enskilda fälten.

Redigera inställningarna för det anpassade registreringsformuläret
Redigera inställningarna för det anpassade registreringsformuläret

Gå till fliken Användarregistrering under Inställningar.

Klicka på knappen Lägg till nytt.

I det här steget skapar du ett användarregistreringsflöde som automatiskt skapar en användare för varje inskickning och överför fältinlämningarna till standardfälten i WordPress användardatabas.

Lägga till ett nytt användarregistreringsflöde
Lägga till ett nytt användarregistreringsflöde

Namnge användarregistreringsfeeden för din egen interna referens.

Du har två alternativ för att skapa en feed, antingen att skapa användare eller att uppdatera användare.

Alternativet feed-alternativet uppdatera användare är mer användbart om du erbjuder en sida där användarna kan uppdatera sin aktuella profilinformation. Du kan absolut inkludera detta på din registrerings- / inloggningssida, men för tillfället är vi mer intresserade av att skapa en ny användare.

Klicka på alternativet Skapa användare.

Skapa användaren
Skapa användaren

Användarregistreringsfeeden genererar automatiskt de flesta användarinställningarna för att ta ett fältutskick från formuläret och överföra det till fälten för en ny användare i WordPress användardatabas.

Du kan dock behöva ändra på några av dem.

Vi vill exempelvis se till att texten som skrivs in i formulärfältet Användarnamn används som den nya användarens faktiska användarnamn.

Du kan även göra detta till e-postfältet om du hellre vill att användarna ska logga in med sina e-postadresser.

Fälten Förnamn och Efternamn och användarinställningar ser bra ut. Det gör även inställningarna för e-postadress och lösenord. Om du vill kan du välja en smeknamnsreferens och ett visningsnamn.

Anpassa användarinställningarna
Anpassa användarinställningarna

En av de viktigaste delarna i det här steget är att välja en standardanvändarroll när användarprofilen skapas.

Du vill förmodligen inte att varje användare ska göras till administratör eller författare (det skulle ge slumpmässiga människor för mycket kontroll över din webbplats) så ditt bästa alternativ är att köra på prenumerantrollen.

Välja användarroller
Välja användarroller

Rulla nedåt för att slutföra resten av användarfeedinställningarna. Om du har några valfria eller ytterligare fält ska du fundera på om även WordPress standardanvändarprofiler har fält för detta.

WordPress användardatabas har valfria fält för webbplatser. Vi länkar därför vårt formulärs webbplatsfält till WordPress användardatabas.

Avsnittet Ytterligare alternativ frågar om du vill skicka ut e-postmeddelanden vid registrering. Bästa praxis är att meddela dina användare att de har skapat ett konto.

Kryssrutan Användaraktivering genererar bara en användare när den personen klickar på en verifieringslänk som skickas till deras e-postadress. Den inställningen saktar vanligtvis bara ner registreringsprocessen men kan hjälpa till att minska skräpposten.

Registreringsvillkoret är en annan inställning som du måste välja om du vill använda. Denna funktion tillåter bara en registrering om den uppfyller ett anpassat villkor, exempelvis e-postadresser med @-symbolen i adressen. Detta är en bra funktion för att minska skräpposten och potentiellt stoppa dåligt ifyllda formulär. Den är dock inte helt nödvändig för att ditt registreringsformulär ska fungera korrekt.

När formulärinställningarna är klara klickar du på knappen Uppdatera inställningar.

Ytterligare alternativ i Gravity Forms
Ytterligare alternativ i Gravity Forms

Nu har vi gått igenom det mesta av processen för att skapa ett anpassat WordPress-formulär med Gravity Forms. Nästa steg är att sätta formuläret på en sida och ersätta WordPress standardinloggningssida.

Det finns två metoder för att lägga till användarregistreringsformuläret på en sida.

Det ena sättet innebär användandet av en kortkod, medan det andra drar nytta av Gutenberg´s blocksystem.

Om du planerar att använda en kortkod kan du ta en titt på det användarregistreringsformulär som du just skapade. Ett ID-nummer tilldelas varje formulär i Gravity Forms.

Skriv ner eller kom ihåg detta ID.

Formulärets ID-nummer
Formulärets ID-nummer

Gå till Sidor > Lägg till nytt i WordPress instrumentpanel. Om du redan har skapat en angiven sida för formuläret navigerar du till den sidan.

För den här självstudien namnger vi den sidan Användarregistrering.

Om du vill använda kortkodsalternativet klistrar du in följande kortkod var som helst på den sidan:

[gravityform id="#" title="true" description="true]

Ersätt #-tecknet med ID-numret från registreringsformuläret.

När kortkoden har lagts till och sidan har sparats kan du gå till frontend på den publicerade sidan för att se formuläret i aktion.

Ett annat alternativ som du kan överväga är WordPress Gutenberg blocksystem. Om du använder Gutenberg klickar du på knappen Lägg till block i sidredigeraren.

Lägga till ett block i Gutenberg-redigeraren
Lägga till ett block i Gutenberg-redigeraren

Du kan antingen söka efter Gravity Forms-blocket eller bläddra igenom listan för att hitta det.

Välj Gravity Forms-blocket. Det är märkt ”Form” med Gravity Forms-logotypen som ikon.

Gravity Form-blocket
Gravity Form-blocket

När blocket är aktiverat klickar du på rullgardinsmenyn för att välja ett formulär.

Välj ditt anpassade formulär
Välj ditt anpassade formulär

Du kanske har en lång lista med formulär eller endast ett eller två. Hitta det som du tidigare skapade för användarregistreringsformuläret.

I det här fallet använde vi formuläret Användarregistreringsformulär 1.

Välj rätt formulär
Välj rätt formulär

Om du väljer ett formulär på den nedrullningsbara menyn återges omedelbart en visuell vy av formuläret på sidredigeraren.

Som du kan se visas användarregistreringsformuläret som vi byggde tidigare i WordPress-sidans backened. Om du ser något fel med formuläret går du tillbaka till avsnittet Formulär för att redigera fälten där.

Frontend-vy över ditt anpassade registreringsformulär
Frontend-vy över ditt anpassade registreringsformulär

Slutligen går du till din webbplats frontend för att se den specifika sidan. Registreringsformuläret visas med alla lämpliga fält. Vi har dessutom redan angett det formuläret som omdirigering från WordPress standardinloggningssida – och varje formulärinskickning blir en ny WordPress-användare.

Kontrollera nu att formuläret är korrekt och att etiketterna är rättstavade. Fyll även i formuläret som testanvändare för att se om det fungerar och hur processen går.

När du har skickat formuläret går du till avsnittet Användare i WordPress instrumentpanel för att kontrollera om användaren har lagts till korrekt i användardatabasen.

Du kan även slutföra testningen av andra anledningar, exempelvis för att se om dina valfria bekräftelsemeddelanden går ut eller om formuläret hindrar någon från att registrera sig om de inte uppfyller något av dina villkor.

Som en sista påminnelse, se till att gå till Formulär > Inställningar för att säkerställa att du har rätt sida konfigurerad som ditt anpassade registreringsområde.

Allt du behöver göra är kort sagt att aktivera det anpassade registreringsformuläret genom att markera rutan och välja rätt registreringssida i listrutan. I det här exemplet är den rätta sidan Användarregistrering.

Välj rätt registreringssida
Välj rätt registreringssida

Klicka på knappen Uppdatera inställningar för att slutföra processen.

Hur man installerar ett WordPress-registreringsformulär med ett betalt plugin

Gravity Forms har en mängd potentiella tillägg för att skapa otroligt unika formulär. En av anledningarna till att du bör överväga Gravity Forms är betalningstilläggen.

Ett betalningstillägg förvandlar ditt formulär till en betalningsprocessor, vilket endast gör det möjligt att skapa användarkonton om man betalar en prenumeration eller en engångsavgift.

Detta är praktiskt för medlemswebbplatser och de med exklusivt innehåll där du inte kommer att visa innehållet, ditt community eller hela webbplatsen om inte användaren gör den betalningen direkt från formuläret.

Om din registrering behöver en betalningsmodul tillhandahåller Gravity Forms flera tillägg för betalningsbehandling. Du måste helt enkelt välja det som är mest bekvämt och prisvärt för ditt varumärke.

Det är även värt att nämna att tillägg för PayPal, Stripe och Square inkluderas i $159 Pro-planen från Gravity Forms. Mer avancerade betalningsgateways som 2Checkout och Authorize.net tillhandahålls i planen Elite Gravity Forms för $259. Tillägget Användarregistrering (som beskrivs tidigare i artikeln) kräver Elite-temat, så du bör tekniskt sett redan ha tillgång till alla tillägg om du har bestämt dig för att använda Gravity Forms för din användarregistreringsmodul.

För att komma igång, ska du gå till WordPress instrumentpanel och klicka på Formulär > Tillägg.

Detta visar en lång lista med tillägg att välja mellan, varav några inkluderar Square, PayPal och Stripe.

Betalningstillägg i Gravity Forms
Betalningstillägg i Gravity Forms

Du kan välja vilken betalningsgateway som du vill, men vi håller oss till PayPal´s betalningsstandard för den här självstudien.

Gå till tillägget och klicka på knappen Aktivera.

PayPal-tillägget
PayPal-tillägget

När ett tillägg har aktiverats visas det i WordPress plugin-sektion.

Alla Gravity Forms-tillägg är egentligen bara extra WordPress-plugins som interagerar med Gravity Forms-pluginet. Ta därför en titt på sektionen Plugins för att se till att PayPal Standard – eller det betalningstillägg som du har valt – aktiveras.

Kontrollera att tillägg är korrekt installerade
Kontrollera att tillägg är korrekt installerade

Om du vill konfigurera ditt betalningstillägg går du till Formulär > Inställningar.

Formulärinställningar
Formulärinställningar

Välj PayPal-fliken (eller ditt andra betalningstillägg). Varje betalningstillägg har sin egen verifierings- och anslutningsprocess. Du kan vanligtvis gå igenom de unika stegen på instrumentpanelen.

Om du användeer PayPal, kommer du bli ombedd att bekräfta att du har konfigurerat PayPal´s IPN-inställningar. Markera rutan och klicka på Uppdatera inställningar.

Du bör även kopiera den angivna meddelandeadressen på den här sidan.

PayPal IPN för WordPress registreringsformulär
PayPal IPN för WordPress registreringsformulär

Gravity Forms skickar dig till PayPal´s konfigurationssida. Detta kommer att se annorlunda ut om du använder ett tillägg för Stripe eller Square eller någon annan betalningsgateway.

Om du nyttjar PayPal ska du klicka på knappen Välj IPN-inställningar.

Inställningar för snabb-betalningsavisering
Inställningar för snabb-betalningsavisering

Här klistrar du in meddelandeadressen från tidigare.

Detta aktiverar i huvudsak rätt steg och de aviseringar som ska komma efter att någon försöker registrera sig på ditt formulär och betala via PayPal.

Klicka på knappen Spara.

Lägg till din aviseringsadress
Lägg till din aviseringsadress

Precis som med registreringsformuläret som konfigurerades tidigare måste ett flöde skapas för betalningstillägget.

Du skapar detta genom att gå till Formulär > Formulär i WordPress-menyn.

Hitta registreringsformuläret från tidigare. Det räcker inte att bara ansluta betalningstillägget till det specifika formuläret. Du måste även generera ett flöde för betalningstillägget för att det ska fungera korrekt och associera varje betalning med en viss användare.

När du är tillbaka vid registreringsformulärs-redigeraren klickar du på knappen Inställningar.

Fliken Inställningar i det anpassade formuläret
Fliken Inställningar i det anpassade formuläret

Leta reda på betalningstilläggs-fliken, i det här fallet PayPal-fliken.

PayPal feeds
PayPal feeds

Klicka på knappen Lägg till ny om du vill generera en ny PayPal-feed för det här formuläret.

Lägg till en ny PayPal-feed
Lägg till en ny PayPal-feed

Feed-inställningarna för PayPal och de flesta integreringar av betalningsgateways är snabba och enkla. Börja med att namnge feeden och lägga till din e-postadress för PayPal. Välj test- eller produktionsläge.

Testläget är till för att köra betalningsprocessorn under testfaserna i din webbplatsutveckling. Om du vill börja samla in riktiga betalningar, ska du välja produktionsläget.

Slutligen måste du välja en transaktionstyp.

Generellt är prenumerations-transaktionstypen ofta mest meningsfull för en onlinetidning eller ett community, men du kan även välja en produkttyp eller något annat.

Justera dina feed-inställningar
Justera dina feed-inställningar

Spara PayPal-feeden och gå tillbaka till formulärbyggaren.

Det är viktigt att infoga ett fält i registreringsformuläret som anger för systemet och användaren att en betalning måste göras.

Vi rekommenderar produktmodulen, men det finns även några andra alternativ för att ställa in priser eller tabulerande summor.

Dra fältet Produkt till formulärbyggaren.

Produktfältet
Produktfältet

I den här självstudien anger vi ett prenumerationspris. Vi visar dig även hur du konfigurerar flera planer och en engångsbetalning för den prenumerationen.

Ändra fältetiketten så att den återspeglar vad det här fältet handlar om.

Ange även priset för din prenumeration i fältet Pris.

Vi rekommenderar vanligtvis att du kör på produktfälttypen och håller dig till ett fast pris. Många andra organisationer kan dock ha andra planer.

Fältetiketter
Fältetiketter

Vi rekommenderar även att du kryssar i rutan Obligatoriskt under regelrubriken. På så sätt kan ingen komma till din webbplats och göra en användarprofil utan att betala för innehållet.

Göra ett fält obligatoriskt
Göra ett fält obligatoriskt

Ett annat fält att ha i åtanke är Alternativmodulen.

Detta skapar möjligheten att ställa in prenumerationsnivåer där du kan ha tre eller fyra planer som baseras på antalet funktioner eller det innehåll som levereras.

Lägga till prenumerationsnivåer i formuläret
Lägga till prenumerationsnivåer i formuläret

För dem som använder Alternativ-fältet, ställer du in det på Prenumerationspris för produktfältmappningen.

Välj den fälttyp som du vill och ställ in alternativen med deras etiketter och priser.

Du kan exempelvis ha tre prenumerationsnivåer, som alla ökar i prissättning när nivåerna går upp.

Var noga med att kryssa i rutan Obligatoriskt under regler, eftersom det även är ett betalningsfält där du inte vill att personer ska kunna skapa konton utan att betala.

Att göra prenumerationsnivåer obligatoriska
Att göra prenumerationsnivåer obligatoriska

De betalningsmoduler som du bestämmer dig för påverkar även de feed-inställningar som vi konfigurerade tidigare.

Om du vill aktivera en prenumerationsbaserad registreringsprocess bör även PayPal´s inställningar för feed ha transaktionstypen Prenumeration. Du är dock fri att ställa in transaktionstypen som en engångsprodukt eller tjänst eller till och med en donation.

Välj transaktionstyp
Välj transaktionstyp

Även under PayPal´s inställningar för feed ska du berätta för Gravity Forms var betalningsbeloppet kommer ifrån i formuläret . Du kan exempelvis ha Totalt pris-fältet i formuläret och Prenumerationspris-fältet. Vilket ska PayPal använda för att bearbeta transaktionen?

Använd rullgardinsmenyn Betalningsbelopp för att välja rätt formulärfält som dikterar den totala betalningen. Vissa människor gillar att helt enkelt använda formulärsumman, men du kan även köra på prenumerationspriset eller det fält som du just implementerade i formuläret .

Ställ in betalningsbelopps-fältet
Ställ in betalningsbelopps-fältet

När du fortfarande befinner dig i PayPal´s inställningar för feed kan du ta en titt på området Andra inställningar.

I likhet med konfigurationen av användarregistreringsfeeden måste du länka formulärfälten till rätt fält för PayPal. På så sätt vet PayPal var det ska placera användarens förnamn, e-post och annan information när den överförs till PayPal´s gränssnitt.

Gå igenom alla objekt i Faktureringsinformations-listan under området Andra inställningar. Vissa av dessa bör ställas in som standard, men se till att dubbelkolla.

Fälten Förnamn och Efternamn i formuläret ska exempelvis motsvara fälten Förnamn och Efternamn i PayPal. Detta kan kräva att du infogar några fler fält i ditt WordPress-registreringsformulär. Vi inkluderade exempelvis inte ett adressfält i vårt användarregistreringsformulär, men det skulle påskynda processen genom att be om all faktureringsinformation i förväg på formuläret.

Dessa är inte helt nödvändiga, men kan påskynda registrerings- och betalningsprocesserna. Alla betalningstillägg är olika, och PayPal-anslutningen hämtar helt enkelt faktureringsinformation från användarens PayPal-konto eller ber om dessa uppgifter när de kommer till PayPal.

Några andra inställningar som man kan ha i åtanke är bild-URL:en och avbryt-URL:en. Sätt gärna in en bildadress för din logotyp eller någon bild som representerar produkten som säljs. Avbryt-URL:en fungerar som en omdirigering  som skickar användare till en viss sida om de råkar avbryta betalningen innan processen slutförs.

Området Alternativ frågar om du vill uppmana användare att inkludera en leveransadress eller anteckning under betalningsprocessen. Många onlinetjänster eller communities kräver inte att du ber om en leveransadress. Av den anledningen bör du kanske markera den rutan för att säkerställa att en kund inte blir förvirrad.

Anteckningsinställningen är helt valfri och vanligtvis inte nödvändig, såvida du inte erbjuder någon form av anpassad tjänst eller produkt där du vill ha feedback eller information från användaren vid betalningen.

Kryssrutan Villkorlig logik uppmanar dig att lägga till logiska regler för att acceptera betalningar från kunder. Du kan exempelvis utesluta användare från att komma igenom betalningsprocessen om de inte väljer en viss betalningsplan eller om deras e-postadress inte ser verklig ut.

Sammantaget kan villkorlig logik hjälpa till att förhindra skräppost och ge fördelar till användare som har en viss användartyp eller som är på en viss betalningsnivå.

 

Fliken Andra inställningar
Fliken Andra inställningar

Den sista inställningen som ska konfigureras innebär att du fördröjer användarregistreringen. Som med många av inställningarna ovan är detta valfritt. Det kan dock vara smart att endast överväga att bearbeta feeden efter att betalningen har mottagits. På så sätt skapas inte en användare i din WordPress-databas förrän du vet säkert om betalningen har nekats.

Om du lämnar den här rutan tom kan det hända att flera användare hamnar i databasen trots att de inte har betalat för att få åtkomst.

Klicka på knappen Uppdatera inställningar när du har bestämt dig för alla korrekta inställningar för din organisation.

update settings
Delaying user registration

Om du vill testa betalningskonfigurationen i formuläret går du till fliken Sidor i WordPress.

Klicka tillbaka till det formulär som du skapade tidigare. I vårt fall är det formuläret för användarregistrering.

Testa sidan för användarregistrering
Testa sidan för användarregistrering

Eftersom du redan har genererat ett användarregistreringsformulär på den här sidan och länkat PayPal- eller betalningsgatewaysfeeden till formuläret, bör betalningsfälten visas i den visuella byggaren.

Vi har både ett pris för en engångsprenumeration och ett fält med olika prenumerationsnivåer för att visa de olika alternativen som du kan inkludera i ett formulär som detta. I en verklig situation skulle du troligtvis välja det ena eller det andra.

Testa prisfältet
Testa prisfältet

Det är viktigt att testa ett formulär som har ett betalningsalternativ. Det sista du vill är att en massa kunder ska fastna på grund av en felkonfigurerad betalningsinställning.

Fyll i lite testanvändarinformation i formuläret, exempelvis ett lösenord, och välj en prenumerationsnivå eller köp en enskild engångsbetalningsprenumeration.

Klicka på knappen Skicka för att se WordPress registreringsformulär och betalningsbehandling i aktion.

Efter inskickningen omdirigeras sidan till PayPal, visar det totala priset och uppmanar användaren att antingen logga in på sitt PayPal-konto eller betala med ett betalkort eller kreditkort.

Kom ihåg att ett alternativt betalningstillägg som Stripe eller Square eller Authorize.net ser annorlunda ut än PayPal när det gäller att behandla betalningen. Vart och ett av tilläggen kommer att ta användaren till en ny sida för att slutföra betalningen, men de kommer att ha lite olika steg.

PayPal´s betalningsformulär
PayPal´s betalningsformulär

Hur man lägger till användare i en e-postmarknadsföringslista via ett WordPress-registreringsformulär

När en ny användare kommer till din webbplats är det vettigt att försöka få dem att bli en registrerad användare. Förutom att det erbjuder användaren tillgång till funktioner eller innehåll ger registreringsformuläret även möjlighet att omedelbart placera dessa användardata i din e-postmarknadsföringslista.

Fördelen med att göra detta är att det blir en automatisering. Ett WordPress-registreringsformulär loggar visserligen personens e-post och namn i WordPress. Men processen för att få dessa data till en respektabel e-postmarknadsföringsprogramvara kräver en manuell export från WordPress och en import till e-postmarknadsföringsverktyget.

Det är inget fel med detta i teorin. Import och export får jobbet gjort. Det kommer dock ta mycket tid varje dag att slutföra denna uppgift regelbundet. Din e-postmarknadsföringslista uppdateras dessutom inte i realtid. En användare kan ange sin e-postadress och hamna i din användardatabas i dagar, veckor eller på obestämd tid.

Det är därför det är viktigt att länka ett e-postmarknadsförings- och designverktyg till ditt registreringsformulär.

Det finns en hel del nyhetsbrevsbyggare för e-post som gör att du kan skicka ut batchmeddelanden och kategorisera dina e-postlistor i olika grupper. De mer populära erbjuder integreringar med många plugins för användarregistrering, så att du kan kombinera de två plattformarna i e-postinsamlingssystemet.

Du har kanske hört talas om företag som Mailchimp,  Constant Contact och Mailgun. Alla dessa erbjuder liknande e-postdesign och segmenteringsfunktioner, och du kan vanligtvis hitta en enkel integrering som uppnår det vi pratar om.

En annan kategori av tillägg inom Gravity Forms erbjuder som tur är direkta länkar till e-postmarknadsföringsplattformar. Som med de flesta tillägg från Gravity Forms kräver e-postmarknadsföringslösningarna en premiumplan.

Listan över e-postmarknadsföringstillägg från Gravity Forms är väldigt lång.

Tillägg av e-postlista för Gravity Forms
Tillägg av e-postlista för Gravity Forms

Vart och ett av dessa tillägg fungerar på samma sätt, men har sina egna distinkta gränssnitt för att skicka e-postmeddelanden och integreras med Gravity Forms.

Vi använder för enkelhetens skull Mailchimp-tillägget som ett exempel, eftersom det är en ganska populär och prisvärd e-postmarknadsföringsapp.

Är du redo?

Navigera sedan till sektionen Tillägg i WordPress-pluginet Gravity Forms.

Bläddra nedåt i listan över tillägg för att hitta mailchimp-alternativet. Om det inte redan är aktiverat ska du klicka på knappen Aktivera.

Mailchimp-tillägget
Mailchimp-tillägget

Vi antar att ett registreringsformulär redan har skapats (se ovan för stegen som krävs för detta).

Gå till Formulär > Formulär i WordPress-menyn.

Hitta det användarregistreringsformulär som du har skapat tidigare i listan över publicerade formulär.

Klicka på formuläret för att redigera fälten.

user reg form - WordPress Registration Form

Gå till Inställningar > Mailchimp. Om du använder en alternativ integrering av e-posttjänster letar du reda på fliken för den.

Inställningar för Mailchimp
Inställningar för Mailchimp

Målet är att skapa ett Mailchimp-flöde som säger till Gravity Forms att skicka inskickningar till Mailchimp utöver WordPress-användardatabasen. Du måste dock först konfigurera Mailchimp-inställningarna.

Klicka på länken som lyder Mailchimp Inställningar.

Konfigurera Mailchimp-inställningar
Konfigurera Mailchimp-inställningar

Nästa sida begär att du klistrar in i Mailchimp´s API-nyckel. Om du vill hitta din API-nyckel går du vidare till nästa steg.

Mailchimps API-nyckelfält
Mailchimps API-nyckelfält

Gå till Mailchimps webbplats och skapa antingen ett konto eller logga in på din redan skapade profil.

Mailchimp´s instrumentpanel organiserar kampanjer, listor och andra element i menyn. Du bör skapa en e-postlista (kallas även målgrupp i MailChimp) innan du konfigurerar den här integreringen med API-nyckeln. Anledningen till detta är att du så småningom måste välja en e-postlista för att skicka över användarregistreringsinformationen.

När du har skapat en lista hittar du profilikonen längst ned i Mailchimp´s instrumentpanel.

Klicka där om du vill visa en meny.

Välj fliken Konto för att fortsätta.

När du är på kontopanelen klickar du på fliken Extras. Du bör hitta några objekt som du kan välja mellan. Klicka på alternativet API-nycklar.

Fliken API-nyckel
Fliken API-nyckel

En API-nyckel är en kod som gör att du kan länka ihop flera system. I Mailchimp behöver du bara klicka på knappen Skapa en nyckel för att tillverka en nyckel.

Du kan skapa så många nycklar du vill, men det är en bra praxis att hålla dem till ett minimum. API-nyckeln visas i en lista med en etikett och det står även när den skapades.

Kopiera API-nyckeln till Urklipp. Lämna gärna Mailchimp´s instrumentpanel.

 

 

Hämta din API-nyckel
Hämta din API-nyckel

Öppna än en gång Mailchimp-inställningarna i WordPress instrumentpanel. Klistra in nyckeln i fältet som lyder Mailchimp API-nyckel.

Klicka på knappen Uppdatera inställningar för att registrera ändringen.

Lägg till din API-nyckel i Gravity Forms
Lägg till din API-nyckel i Gravity Forms

Nu är det dags att gå tillbaka till användarregistreringsformuläret från tidigare.

Gå till Inställningar > MailChimp under menyn för registreringsformulär.

Detta är det område som ber dig att skapa ett Mailchimp-flöde. Det är återigen på det sättet som Gravity Forms säkerställer att data skickas från en app till en annan.

Klicka på knappen Lägg till nytt.

Lägg till ett nytt flöde för Mailchimp
Lägg till ett nytt flöde för Mailchimp

Ge feeden ett namn som du kan komma ihåg. Namnet är endast för din egen referens.

Klicka på rullgardinsmenyn under Mailchimp´s målgrupps-fält för att välja namnet på en av dina e-postlistor i Mailchimp.

Om du inte har skapat en målgruppslista för e-post måste du gå tillbaka till Mailchimp för att slutföra den här processen. Annars finns det ingen databas som kan börja logga dina e-postadresser.

Välja målgruppslista
Välja målgruppslista

Du kommer se ett område för kartfält och blir uppmanad att länka formulärfälten från plugin-programmet User Registration till de formulär som behöver fyllas i på Mailchimp.

Detta är ganska enkelt med tanke på att du kan välja E-post för fältet E-postadress och formulärfälten För- och efternamn för mailchimp-fälten För- och efternamn.

Kartfält
Kartfält

Gå ner till de ytterligare alternativen.

Dessa är helt valfria beroende på hur du vill att e-postsamlingsprocessen ska fungera.

Du kanske exempelvis vill aktivera en dubbelvals-situation, där användaren måste klicka på ett bekräftelsemeddelande innan den registreras i din lista. Detta är både för säkerhetens skull och för att vissa delar av världen kräver det.

Andra inställningar inkluderar alternativet att logga prenumeranter som VIP, ställa in taggar och skriva en anteckning. Anteckningsfältet kan hjälpa till att organisera var e-postprenumerationerna kommer ifrån jämfört med andra formulär som du kanske har.

När allt detta är klart, ska du klicka på knappen Uppdatera inställningar.

Lägga till fler alternativ i registreringsformuläret
Lägga till fler alternativ i registreringsformuläret

Om du testar integreringen av kartan (eller annat e-postmarknadsföringstillägg) på din webbplats frontend kanske du märker att väldigt lite har ändrats visuellt. Du kan dock köra ett användartest igen genom att fylla i användarregistreringsformuläret och se om det fungerar korrekt.

Med den här konfigurationen bör du kunna gå till kartfält efter testinskickningen och se en helt ny användare som prenumererar på din utsedda e-postlista.

Standardfälten som ska loggas inkluderar Namn och e-post, men du kan bli kreativ och lagra ännu mer än så med hjälp av kartfälten och Gravity Forms-funktionerna.

Frontend WordPress registreringsformulär med MailChimp
Frontend WordPress registreringsformulär med MailChimp

Så här låter du användare registrera sig på din webbplats med hjälp av en social profil

Den sociala profilinloggningen har blivit vanligare på internet tack vare dess snabba inloggningsprocess och det faktum att människor inte behöver skapa ett helt nytt konto för varje webbplats som de vill ansluta sig till.

En community- eller medlemswebbplats kan definitivt dra nytta av en social inloggning, eftersom det direkt tar bort några hinder för registreringen.

Pluginet User Registration från WPEverest fungerar som det perfekta plugin-programmet för att anpassa din användarregistreringssida och införliva ett socialt inloggningsalternativ. Kärnpluginet är kostnadsfritt, men Social Connect-tillägget – som lägger till de sociala inloggningsknapparna – kräver att du registrerar dig för en årsplan på $ 69.

Vi kommer att visa hur du installerar och använder pluginet nedan, men kom ihåg att flera andra liknande plugins också är tillgängliga.

För att komma igång installerar och aktiverar du plugin-programmet User Registration och uppgraderar till den personliga planen för att få tillägget Social Connect.

User Registration WordPress-plugin
User Registration WordPress-plugin

I WordPress instrumentpanel aktiverar du även Social Connect-tillägget. Både User Registration- och Social Connect kommer att synas i WordPress Plugin-område.

Nu kan du aktivera plugin-programmet User Registration Social Connect.

Aktivera plugin och tillägg
Aktivera plugin och tillägg

Gå nu till User Registration > User Registration. Pluginet inkluderar några mallar för att starta ditt registreringsformulär. Om du hellre vill börja om från början klickar du på knappen Lägg till nytt.

När du kommer till formulärredigeraren använder du området Användarfält för att dra och släppa moduler i formuläret.

Standardregistreringsformuläret från plugin-programmet innehåller fälten Användarens e-post, Användarnamn och Lösenord.

Vi rekommenderar att du härmar detta om du bygger ett formulär från grunden. Du kan även infoga andra moduler genom att välja dem från panelen Användarfält.

Lägg till moduler för att bygga registreringsformuläret
Lägg till moduler för att bygga registreringsformuläret

Varje fält har sina egna alternativ som du kan redigera om du klickar på vart och ett av dem.

Den viktigaste delen när det gäller aktivering av formuläret för användarregistrering finns dock under fliken Formulärinställning.

Här justerar du ett brett utbud av inställningar för att berätta för WordPress att du vill att det här formuläret ska fungera som en ny användarskapare. Du kan exempelvis ange vilken användarroll som ska skapas och få varje användare att antingen manuellt eller automatiskt logga in efter registreringen.

Formulärinställningar
Formulärinställningar

När alla önskade fält har implementerats är det dags att placera användarregistreringsformuläret på en sida.

Plugin-programmet User Registration använder kortkoder för att placera formulär på sidor och inlägg. Du hittar dem ovanför din formulärbyggare.

Kopiera den här koden till Urklipp.

Kortkod för plugin-programmet User Registration
Kortkod för plugin-programmet User Registration

Gå till Sidor > Lägg till nytt.

Om du redan har en färdig registreringssida navigerar du till den sidan i stället.

add new

Klistra in kortkoden där du vill att den ska visas på sidan i sidbyggar-sektionen.

Se till att du sparar eller uppdaterar sidan så att den återges på frontend. Det är som alltid bäst att testa WordPress-registreringsformuläret och se om det fungerar.

Testa registreringsformuläret med hjälp av sociala profiler
Testa registreringsformuläret med hjälp av sociala profiler

Du kan behöva logga ut från administratörskontot för att se formuläret som en vanlig användare.

Hela poängen med det här avsnittet är att visa dig hur du sätter in inloggningsknappar för sociala medier. Så det är detta vi kommer att gå igenom närmast.

Klicka på User Registration > Inställningar.

Vi antar att Social Connect-tillägget redan är aktiverat i WordPress instrumentpanel.

Du bör därför hitta en Social Connect-flik i inställningspanelen. Klicka på den.

Inställningarna för Social Connect kräver att du markerar vissa rutor och aktiverar API-inställningarna för varje socialt nätverk som du vill tillåta personer att logga in och registrera sig med.

Om du vill ha en Facebook-knapp markerar du den rutan. Detsamma gäller Twitter.

Aktivera sociala inloggningar
Aktivera sociala inloggningar

Samma sak för Google och LinkedIn.

Här kommer den lite förvirrande delen.

Varje social inloggningsknapp länkar till det sociala nätverkets API. Det enda sättet att ansluta till API: et är genom att skapa en app och använda element som sociala app-ID: er, nycklar och Secrets.

Det spelar ingen roll om du inte har någon aning om vad dessa betyder. För varje önskad social knapp bläddrar du över frågetecknet bredvid varje inställningsfält. För den här självstudien ska vi bara hitta åt Facebook´s App ID och Secret.

Frågetecknet visar en popup med en länk till Facebook. Klicka på den.

Hämta app-ID från Facebook
Hämta app-ID från Facebook

Detta omdirigerar dig till Facebook´s App-sida, där du kan skapa en app för att köra ditt WordPress-registreringsformulär med sociala medieanslutningar.

Klicka på knappen Skapa app.

Gå igenom stegen för att skapa en app på Facebook, inklusive att namnge appen och ställa in alla appdomäner som du kan behöva.

När appen har konfigurerats går du till sidan Inställningar>Grundläggande.

Redigera de grundläggande inställningarna för din Facebook-app
Redigera de grundläggande inställningarna för din Facebook-app

Här hittar du app-ID och App Secret.

Klicka på knappen Visa för att avslöja och kopiera denna App Secret. Du kommer även att behöva kopiera app-ID:t vid något tillfälle.

App-ID och App Secret
App-ID och App Secret

Gå tillbaka till dessa API-inställningar i WordPress instrumentpanel.

Klistra in app-ID:t i lämpligt fält. Klistra även in App Secret i motsvarande fält.

Spara inställningarna för att fortsätta.

Uppdatera dina API-inställningar
Uppdatera dina API-inställningar

Det finns några återstående steg för att inte bara aktivera knapparna för sociala medier utan även anpassa hur de ser ut i formuläret.

Klicka på fliken Avancerade inställningar bredvid fliken API-inställningar som du just var inne på.

De avancerade inställningarna innehåller ett brett utbud av alternativ.

Se först och främst till att du anger att du vill aktivera den sociala registreringen.

Berätta sedan för pluginet att du vill visa sociala knappar för registrering.

Avancerade inställningar
Avancerade inställningar

Klicka på följande fält för standardanvändarroll för att välja en primär användarroll som skapas när någon registrerar sig för din webbplats med en social profil. Prenumerant är standard för den här situationen.

Gå vidare, klicka på nästa listfält för att välja det formulär som du använder för din användarregistrering. Vi skapade det tidigare, så se till att du hittar rätt. I den här självstudien heter det registreringsformulär, men du kanske har kallat ditt något annat.

Slutligen går du vidare till de andra inställningarna för att justera knapparnas fysiska utseende. En av dessa inställningar är för att ha knapparna nära formulärets över- eller underkant.

De sociala inloggningsmallarna är ett snabbt sätt att stilisera dina knappar utan kod eller visuella justeringar.

Välj en av de fyra stilarna.

Sociala inloggningsmallar
Sociala inloggningsmallar

Inställningarna för Social Text anger den formulering som visas på de sociala knapparna. Du kan vanligtvis hålla dig till standardtexten, men ändra den gärna om du vill.

Klicka slutligen på knappen Spara ändringar.

Spara alla ändringar
Spara alla ändringar

Du kan förhandsgranska WordPress-registreringsformuläret från din formulärbyggare eller gå direkt till registreringssidan som du skapade tidigare. Detta låter dig hursomhelst se formuläret med de sociala medieknapparna.

För att ta bort ett socialt inloggningsalternativ, eller för att ändra inställningarna, går du helt enkelt tillbaka till de inställningar som vi just gick igenom.

Vi rekommenderar starkt att du testar var och en av de sociala inloggningsknapparna som du erbjuder i ditt registreringsformulär, eftersom varje socialt nätverk har sin egen API-anslutning. Du vill ju åtminstone se till att apparna och appnycklarna fungerar för alla användare.

Förhandsgranskning av sociala inloggningsknappar
Förhandsgranskning av sociala inloggningsknappar

Hur man skapar ett WordPress-registreringsformulär med rika medlemsprofiler

Modifiering av WordPress standardanvändarregistrering kan göras med de flesta plugins som vi går igenom i den här artikeln. Men vad händer om din webbplats är ett riktigt community? Låt oss säga att din webbplats fungerar som ett socialt nätverk, dejtingsajt eller en intern klienthubb.

Du behöver funktionsrika profiler för att dessa användare ska kunna anpassa sin information, eventuellt ladda upp foton och till och med kommunicera med andra användare.

De genomsnittliga pluginen för användarregistrering inkluderar profiler, men inte så kraftfulla sådana.

Vi vill därför visa dig hur du aktiverar en användarregistrering i medlems-stil där användaren får en vacker profil som de kontrollerar.

För att börja processen, ska du installera och aktivera Ultimate Member plugin. Detta plugin erbjuder kostnadsfritt en anpassad användarregistrering och inloggningsformulär. Du kan dessutom lägga till kraftfulla användarprofiler för att skapa ett kvalitetsmedlemskap eller profilområde. En hel del liknande plugins har också denna funktionalitet, men vi kommer att fokusera på pluginet Ultimate Member för denna handledning.

Ultimate Member WordPress-plugin
Ultimate Member WordPress-plugin

Målet är att uppnå ett mer användbart kundområde och en djupgående profilupplevelse för användare. Det ska finnas knappar för saker som recensioner, kommentarer, grupper och mycket mer.

Det fantastiska med Ultimate Member-pluginet är att de allra flesta inställningar redan är konfigurerade när plugin-programmet aktiveras. Det skapar även sidor för dina profiler, registreringssidor med mera.

Plugin-inställningarna konsolideras under fliken Ultimate Member i WordPress instrumentpanel.

Klicka på knappen Skapa sidor för att fortsätta.

Skapa sidor i Ultimate Member
Skapa sidor i Ultimate Member

Detta aktiverar rätt sidor och tar dig till inställningsmodulen i Ultimate Member-pluginet.

Du kan ändra sidorna som fungerar som motsvarande registrerings- och profilsidor, men det är bara om du vill anpassa dina egna.

För tillfället får de färdiga sidorna som genereras av pluginet helt enkelt duga. Du kan därför vanligtvis lämna alla fält orörda under fliken Allmänt > Sidor.

Allmänna inställningar för Ultimate Member-pluginet
Allmänna inställningar för Ultimate Member-pluginet

Nästa steg är att anpassa utseendet på profilsidorna och registreringsmodulerna. Som jag redan nämnt är registreringssidan redan konfigurerad för dig, så det finns inte så mycket att göra i det området.

Varje person som går till registreringssidan och skapar ett konto kommer att ha en WordPress-användarprofil.

Justera de element som du tycker är viktiga under fliken Utseende. Du kanske exempelvis vill välja en annan mall för formuläret eller minska dess bredd. Det finns även fält för att justera storlekar och ikoner för knappar och textelement.

Fliken Utseende
Fliken Utseende

När du bläddrar ner i inställningsområdena frågar plugin-programmet om du vill ha en standardprofil och omslagsbild i varje profil.

Du kan även justera objekt som standardomslagets storlek och välja om du ens vill ha ett omslagsfoto.

Fler inställningar för Ultimate Member-pluginet
Fler inställningar för Ultimate Member-pluginet

Klicka på länken Profilmeny medan du fortfarande är i Utseende-sektionen. I det här området visas de primära komponenterna som utgör användarprofilen. Även om du har friheten att lämna allt som det är, finns det några inställningar som du kanske vill ändra.

Behåll gärna fliken Om och hela profilmenyn. Vi rekommenderar att du har fliken Inlägg om dina medlemmar bidrar till din blogg eller fungerar som innehållsskapare.

Fliken Kommentarer är ganska viktig för bloggar och communities, med tanke på att läsarna och medlemmarna förmodligen vill ha möjlighet att gå tillbaka och kontrollera sina kommentarer.

Profil-menyn
Profil-menyn

När alla profilinställningar har konfigurerats klickar du på knappen Spara ändringar.

Spara ändringarna
Spara ändringarna

Några andra inställningspaneler innehåller alternativ för registreringsformulär, inloggningsformulär med mera. Se till att du justerar e-postmeddelandena som går ut för nya registreringar och ändrar många delar av ditt WordPress-registreringsformulär, inklusive bredden och justeringen.

Även om vi inte kommer att gå igenom alla dessa inställningar är det trevligt att veta var de finns för att säkerställa att alla formulär ser lämpliga ut för ditt varumärke.

Registreringsformulär och inloggningsinställningar
Registreringsformulär och inloggningsinställningar

Ett registreringsformulär krävs för att ge dina användare en plats där de kan skapa sina användarnamn och komma till sina profiler.

Om du vill skapa ett sådant går du till Ultimate Member>Formulär.

Ultimate Member-pluginet erbjuder flera färdiga formulär så det mesta av arbetet är redan gjort.

Ett standardregistreringsformulär är klart, precis som standardprofilformuläret, dvs det nav där personer anpassar sina användarprofiler.

Standardformulär
Standardformulär

Dessutom skapar pluginet även sidor åt dig automatiskt.

Gå till Sidor > Alla sidor för att se alternativ som konto- och inloggningssidor. Sidan Registrera är platsen där en användarna registrerar sig och loggar in på sina konton, medan sidan Konto innehåller formuläret Standardprofil, där de hanterar sin profil.

Alla lämpliga kortkoder för rätt formulär har redan infogats på de korrelerande sidorna.

Du kan testa dem genom att visa de publicerade sidversionerna. Klicka exempelvis på sidan Registrera för att se den i aktion.

Testa sidan "registrera"
Testa sidan ”registrera”

På frontend kan en besökare skriva in sitt användarnamn och e-post och skapa ett lösenord.

Testa ett användarkonto
Testa ett användarkonto

Du kanske även vill titta på användarsidan.

Användarsidan
Användarsidan

Användarsidan är den profilmodul som vi har pratat om. Det är ett nav där användare kan hantera allt från profilfoton till potentiella grupper och vänner. Standardfunktionerna inkluderar ett omslagsfoto, profilfoto och en biografi.

Profilsida på frontend
Profilsida på frontend

Det krävs bara några få klick för att införliva dessa element på profilsidan.

Varje profilsida innehåller ytterligare knappar för att redigera profilen och kolla in användarkontot.

Andra flikar inkluderar knappen Kommentarer och knappen Inlägg.

Fler alternativ för profilsidan
Fler alternativ för profilsidan

Vad sägs om att lägga till mer avancerade profilflikar för saker som privata meddelanden och vänner?

Ultimate Member-pluginet har redan en ganska ren och kraftfull användarprofilfunktion, men låter dig även utöka dessa funktioner med tillägg. De flesta av de profilorienterade tilläggen kräver att du betalar en avgift.

Om du vill se tilläggen och lägga till dem på din webbplats går du till Ultimate Member>Tillägg.

Tillägg för Ultimate Member
Tillägg för Ultimate Member

Det finns en lång lista över potentiella profilfunktioner som kan inkluderas som flikar i dina användarprofiler.

Med tillägget Vänner kan användarna interagera med andra användare och lägga till dem som vänner.

Tillägget Meddelanden pingar användarna när ett meddelande kommer in. Du kan även införliva kraftfulla profilhanteringsverktyg för privata meddelanden, följare och grupper, bara som några exempel. Vart och ett av tilläggen läggs till genom att du gör en betalning och klickar på knappen Hämta det här tillägget.

Lista över tillägg för Ultimate Member
Lista över tillägg för Ultimate Member

Allt beror på vilken typ av profilfunktioner som du vill tillhandahålla. En medlemswebbplats kräver vanligtvis en plats för att skapa grupper. Ett socialt nätverk behöver vängrupper och meddelanden. En onlinekurswebbplats kan behöva recensioner och anteckningar och meddelanden. Det finns till och med en plats där du kan konfigurera en jobblista om du vill tillhandahålla en anställningstavla för dina användare.

Exemplet nedan är ett litet exempel på vad som är möjligt med Ultimate Member-pluginet, särskilt när du börjar nyttja de avancerade tilläggen.

Exempel på en komplett användarprofil och inloggningssida i Ultimate Member
Exempel på en komplett användarprofil och inloggningssida i Ultimate Member

Sammanfattning

WordPress användarregistreringsmodul erbjuder den potential som varje webbplats behöver för att skapa användare och ta emot data från dessa användare. Den genomsnittliga bloggen eller det lilla online-communityt kanske bara behöver standardformuläret för WordPress-registrering.

Om så är fallet, kan du lämna inloggnings- och registreringsformuläret som det är och kanske ändra webbadressen för bättre säkerhet. Du kan till och med lägga till din egen logotyp för att få det att se ut som att ditt varumärke faktiskt driver den sidan.

Plugins öppnar möjligheter för att anpassa alla aspekter av ditt användarregistreringsformulär, särskilt när det gäller att lägga till unika fält och omforma hur formuläret ser ut.

Det är möjligt att lägga till extra avancerade funktioner i dina användarregistreringsformulär. Några av alternativen som vi har gått igenom i den här artikeln inkluderar formulär som placerar nya användare i e-postmarknadsföringslistor. Du kan även överväga att samla in betalningar för exklusivt innehåll eller om du driver en medlemswebbplats.

Det är inte heller en dålig idé att erbjuda ett socialt inloggningsformulär för att påskynda registreringsprocessen för användarna. Slutligen är en avancerad användarprofil en bra utökning av ditt nuvarande användarregistreringsformulär så att kunden får en chans att hantera alla aspekter av sin användarprofil.

Om du har några frågor om att hantera eller anpassa ditt WordPress-registreringsformulär, eller om du vill föreslå andra plugins eller tekniker för att anpassa registreringsformulär, låt oss veta i kommentaravsnittet nedan.

 

Matteo Duò Kinsta

Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.