Ett inloggningsformulär i WordPress sidofält gör det möjligt för användare att snabbt logga in var som helst på din webbplats. Att ha enkel tillgång till ett inloggningsformulär kan öka försäljningen för e-handelssajter, öka behållningen för onlinekurser och mycket mer.
På WPBeginner har vi hjälpt många att designa sin webbplats och placera inloggningsformuläret på rätt plats. Från vår erfarenhet vet vi att det finns olika teman som visar inloggningsalternativet i sidofältet som standard. Å andra sidan kan du använda ett plugin som WPForms, som vi gör, för att skapa olika formulär och visa dem var som helst på din webbplats.
I den här artikeln visar vi hur du enkelt kan add to ett customize login-formulär till din WordPress sidebar.
När och varför behöver du ett customize login-formulär i WordPress?
Om du driver en webbplats för medlemskap, en webbutik eller säljer onlinekurser behöver dina användare sannolikt logga in för att utföra vissa åtgärder.
Eftersom sidebaren appear throughout a website, it makes the login form more notice and easily accessible from every page on the site.
Genom att lägga till ett formulär för login i din sidebar i WordPress kan användare snabbt logga in på dina accounts. Detta ökar engagemanget, ger en bättre användarupplevelse och ökar konverteringen av formulär.
Med detta sagt, låt oss nu klura på hur du enkelt kan add to ett login-formulär till din WordPress sidebar. Vi kommer att visa you hur man add to standard login-formuläret i sidebaren och skapa ett customize login-formulär.
You can click the links under to jump ahead to your preferred section:
Metod 1: Lägga till standard WordPress Login-formulär i sidebar
You can show the standard WordPress login form in the sidebar of your website. Detta gör det superenkelt för användare att enter sitt användarnamn och password för att komma åt WordPress admin area.
För denna tutorial kommer vi att använda Astra theme. Observera att alternativen kan variera beroende på vilket WordPress-tema du använder.
För att börja måste du gå till Appearance ” Widgets från din WordPress dashboard.
Härifrån kan du klicka på knappen ”+”, rulla till rubriken ”Theme” och klicka på widgetblocket ”Login/out” för att lägga till det i din sidebar.
Därefter kommer du att se blocket ”Login/out” i ditt widgetar-område. Du kan sedan aktivera alternativen för att visa login som ett formulär.
När du har gjort ändringarna klickar du på knappen ”Update” 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 går och kontrollerar formuläret. Logga bara ut från din site för att se hur formuläret kommer att visas för dina medlemmar.
Metod 2: Lägga till ett Custom Login-formulär med WPForms Plugin
I standardformuläret för login i WordPress finns bara ett fält för användarnamn och password. Du kan dock skapa ett anpassat registreringsformulär för användare med fler fält och alternativ för customize.
Det bästa sättet att göra det är genom att använda WPForms. Det är det mest populära pluginet för WordPress-formulär, och premiumversionen av WPForms gör att du enkelt kan skapa WordPress-formulär för login och registrering med customizer-fält.
WPBeginners användare kan använda WPForms Coupon: SAVE50 för att få 50% rabatt på sina inköp.
Det första du behöver göra är att installera och aktivera WPForms plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.
Vid aktivering måste du besöka WPForms ” Settings page för att enter din license key. Du kan hämta din license key från ditt WPForms account på deras website.
Efter verifiering måste du gå till WPForms ” Addons page.
Härifrån måste du rulla ner till ”User Registration Addon” och klicka på knappen ”Install Addon”.
Addon installeras och aktiveras nu automatiskt på din website.
Du är nu redo att skapa ett customized WordPress login-formulär. Besök bara WPForms ” Add New page för att starta WPForms builder.
Först måste du ange ett formulärnamn högst upp och sedan välja den built-in ”User Login Form” template. Håll bara hovern över den och klicka på knappen ”Use Template”.
Det kommer att visa de fält för login som är förinstallerade i your formulär. Du kan clicka på ett fält för att edit det eller add new fält från den vänstra column.
WPForms erbjuder flera formfält som du kan add to med hjälp av drag and drop builder. Du kan till exempel add to ett namn eller CAPTCHA-formulärfält till formuläret för login.
Därefter går du till tabben ”Settings” och klickar på Confirmation section.
Det är här du måste definiera vad som ska göras när en användare har loggat in på din site utan problem.
Alternativen inkluderar ett message, en customize-sida eller en redirect URL till valfri page på din site.
Helst skulle du vilja redirecta användare till en page när de är inloggade. Det kan vara din homepage, WordPress dashboard eller någon annan page på din website, t.ex. deras medlemspanel eller klientportal.
Därefter kan du klicka på knappen ”Save” högst upp och lämna form buildern.
Ditt formulär för login är nu klart. Nu kan du add to din sidebar i WordPress.
Besök bara sidan ”appearance” widgets i din WordPress admin area. På den här sidan lägger du till widgetblocket ”WPForms” i sidebar widget area på din site.
Därefter kan du välja ditt formulär för inloggning av användare från dropdown-menyn.
You can view more alternatives in the settings panel on your right. Till exempel finns det alternativ för att visa formulärets rubrik och description.
Glöm inte att clicka på knappen ”Update” när du är klar.
Du kan nu besöka din website för att se det utvalda formuläret för login WordPress funktion.
Du kan också använda WPForms för att skapa ett utvalt registreringsformulär för användare med funktioner mot skräppost.
Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till ett inloggningsformulär i ditt sidofält i WordPress. 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 plugin-programmet för inloggningssidor i WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Paul Jurado
Does the Sidebar Login Plugin still work? The plugin site shows it hasn’t been updated in 3 years and therefore may have some compatibility issues. Please advise.
WPBeginner Support
The plugin appears to be working currently but we will certainly take a look at alternatives.
Administratör
Hafsa
Hi,
Could u plz tell me, if i can creat a custome login form for users without the need of registration??
WPBeginner Support
Hi Hafsa,
Yes, you can.
Administratör
Zion Oyemade
Just a thought, the WordPress sidebar login has not being updated in two years. I’m wondering if this was an oversight considering that this blog post was recently updated.