Hur man lägger till ett inloggningsformulär i din WordPress-sidofält

Har du någonsin märkt hur frustrerande det är när du måste leta efter inloggningssidan på en webbplats? Ett enkelt inloggningsformulär i sidofältet kan lösa det problemet på din WordPress-webbplats genom att låta folk logga in var som helst.

För e-handelsbutiker kan det innebära fler slutförda köp. För onlinekurser kan det hjälpa studenter att komma tillbaka oftare. Och för alla webbplatser skapar det en smidigare och mer engagerande upplevelse.

På WPBeginner har vi hjälpt många webbplatsägare att placera sina inloggningsformulär på precis rätt ställe. Vissa teman inkluderar redan detta alternativ, men när de inte gör det, gör ett plugin som WPForms det enkelt att bygga ditt eget formulär och visa det var du vill.

I den här handledningen går vi igenom hur du lägger till ett anpassat inloggningsformulär i din sidopanel i WordPress.

När och varför behöver du ett anpassat inloggningsformulär i WordPress?

Om du driver en medlemswebbplats, en onlinebutik eller säljer onlinekurser, behöver du troligen att dina användare loggar in för att utföra vissa åtgärder.

Eftersom sidofältet visas på hela webbplatsen, gör det inloggningsformuläret mer synligt och lättillgängligt från varje sida på webbplatsen.

Att lägga till ett inloggningsformulär i din WordPress-sidofält gör det enkelt för användare att snabbt logga in på sina konton. Detta ökar engagemanget, ger en bättre användarupplevelse och ökar formulärkonverteringar.

Med det sagt, låt oss titta på hur du enkelt lägger till ett inloggningsformulär i din WordPress sidopanel. Vi kommer att visa dig hur du lägger till standardinloggningsformuläret i sidopanelen och skapar ett anpassat inloggningsformulär.

Du kan klicka på länkarna nedan för att hoppa till ditt föredragna avsnitt:

• Metod 1: Lägga till standardinloggningsformuläret i WordPress sidopanel
• Metod 2: Lägga till ett anpassat inloggningsformulär med WPForms-plugin
• Vanliga frågor om att lägga till ett inloggningsformulär i sidofältet

Metod 1: Lägga till standardinloggningsformuläret i WordPress sidopanel

Du kan visa standardinloggningsformuläret för WordPress i sidofältet på din webbplats. Detta gör det superenkelt för användare att ange sitt användarnamn och lösenord för att komma åt WordPress adminområde.

För den här handledningen kommer vi att använda Hestia-temat. Observera att alternativen kan variera beroende på vilket WordPress-tema du använder.

För att börja behöver du gå till Utseende » Widgets från din WordPress-instrumentpanel.

Härifrån kan du klicka på knappen ‘+’, scrolla till rubriken ‘Tema’ och klicka på widgetblocket ‘Login/out’ för att lägga till det i din sidopanel.

Därefter ser du blocket 'Logga in/ut' i ditt widgetområde. Du kan sedan aktivera alternativen för att visa inloggning som ett formulär.

När du har gjort ändringarna klickar du på knappen 'Uppdatera' högst upp.

Därefter kan du besöka din WordPress-webbplats för att se standardinloggningsformuläret för WordPress i aktion.

Observera att du kommer att vara inloggad om du omedelbart kontrollerar formuläret. Logga helt enkelt ut från din webbplats för att se hur formuläret kommer att visas för dina medlemmar.

Metod 2: Lägga till ett anpassat inloggningsformulär med WPForms-plugin

Standardinloggningsformuläret i WordPress erbjuder bara fält för användarnamn och lösenord. Istället rekommenderar vi att du skapar ett anpassat inloggningsformulär som matchar din webbplats varumärke och inkluderar extra funktioner.

Det bästa sättet att göra det är att använda WPForms med dess User Registration Addon, som låter dig skapa både anpassade inloggnings- och registreringsformulär med anpassade fält.

Vi har också använt det för att skapa kontaktformulär och årliga undersökningar, och har haft en fantastisk upplevelse. För att lära dig mer om vår erfarenhet, ta en titt på vår detaljerade WPForms-recension.

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

Efter aktivering måste du besöka sidan WPForms » Inställningar för att ange din licensnyckel. Du kan hämta din licensnyckel från ditt WPForms-konto på deras webbplats.

Efter verifiering måste du gå till sidan WPForms » Tillägg.

Härifrån, scrolla ner till 'User Registration Addon' och klicka på knappen 'Install Addon'.

Oroa dig inte, även om det kallas Registrerings-tillägget, är det också det du kommer att använda för att skapa ditt anpassade inloggningsformulär.

Tillägget kommer nu automatiskt att installeras och aktiveras på din webbplats.

Du är nu redo att skapa ett anpassat WordPress-inloggningsformulär. Besök helt enkelt sidan WPForms » Lägg till ny för att starta WPForms-byggaren.

Först måste du ange ett formulärnamn högst upp och sedan välja den inbyggda mallen 'Användarinloggningsformulär'. Håll bara muspekaren över den och klicka på knappen 'Använd mall'.

Det kommer att visa inloggningsfälten förinlästa i ditt formulär. Du kan klicka på ett fält för att redigera det eller lägga till nya fält från den vänstra kolumnen.

WPForms erbjuder flera formulärfält som du kan lägga till med dra-och-släpp-byggaren. Du kan till exempel lägga till ett CAPTCHA-fält för att förbättra säkerheten eller anpassa texten på inlämningsknappen.

Gå sedan till fliken ‘Inställningar’ och klicka på sektionen Bekräftelse.

Det är här du behöver definiera vad som ska hända när en användare har loggat in på din webbplats.

Alternativen inkluderar ett meddelande, en anpassad sida eller en omdirigerings-URL till vilken sida som helst på din webbplats. Vi rekommenderar att omdirigera användare till en mer användbar sida.

Att skicka dem till en anpassad sida som en medlemsinstrumentpanel eller en kundportal ger en mycket bättre användarupplevelse än standardprofilsidan i WordPress.

Du kan också omdirigera dem till din startsida eller någon annan viktig sida. Därefter kan du klicka på knappen 'Spara' högst upp och avsluta formulärbyggaren.

Ditt inloggningsformulär är nu klart. Härifrån kan du lägga till det i ditt WordPress-sidofält.

Besök helt enkelt sidan Utseende » Widgets i ditt WordPress-adminområde. På den här sidan lägger du till widgetblocket ‘WPForms’ i sidopanelsområdet på din webbplats.

Därefter kan du välja ditt användarinloggningsformulär från rullgardinsmenyn.

Du kan se fler alternativ i inställningspanelen till höger. Det finns till exempel alternativ för att visa formulärrubriken och beskrivningen.

Glöm inte att klicka på knappen 'Uppdatera' när du är klar.

Du kan nu besöka din webbplats för att se funktionen för anpassat inloggningsformulär i WordPress.

Du kan också använda WPForms för att skapa ett anpassat användarregistreringsformulär med antispamfunktioner.

Vanliga frågor om att lägga till ett inloggningsformulär i sidofältet

Här är några frågor som våra läsare ofta ställer om att lägga till ett inloggningsformulär i WordPress sidofält.

Kan jag anpassa utseendet på mitt inloggningsformulär i sidofältet?

Ja, det kan du. Om du använder ett plugin som WPForms får du tillgång till stilalternativ för att ändra formulärets utseende. För mer avancerade ändringar kan du använda anpassad CSS för att matcha det perfekt med ditt temas design. Standardinloggningswidgeten i WordPress erbjuder dock mycket begränsade anpassningsmöjligheter.

Är det säkert att placera ett inloggningsformulär i sidopanelen?

Absolut. Placeringen av inloggningsformuläret påverkar inte din webbplats säkerhet. Din webbplats säkerhet beror på att du använder starka lösenord, håller WordPress kärna, teman och plugins uppdaterade, och använder ett bra WordPress säkerhetsplugin.

Kan jag lägga till alternativ för social inloggning i mitt formulär i sidopanelen?

Ja, du kan lägga till sociala inloggningar (som Google eller Facebook) för att göra det ännu enklare för användare att logga in. Detta kräver vanligtvis ett separat plugin för social inloggning som integreras med ditt användarregistreringssystem.

Vad händer om mitt tema inte har en sidopanel?

Om ditt tema inte har en sidopanel kan du placera widgeten för inloggningsformuläret i andra tillgängliga områden, som sidfoten. Alternativt kan du helt enkelt lägga till en "Inloggning"-länk i din huvudsakliga navigeringsmeny som leder användare till din standardinloggningssida.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till ett inloggningsformulär i din WordPress-sidofält. Du kanske också vill se vår steg-för-steg-guide om hur du tillåter användarregistrering i WordPress och det bästa WordPress-inloggningssid-pluginet.

Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.