Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Så här lägger du till ett formulär för login i din sidebar i WordPress

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.

How to add a login form in your WordPress

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.

Add a login out widget block

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.

See a logout option and update widgets area

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.

Default login form preview

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.

Entering the WPForms license key

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”.

The WPForms user registration 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”.

Select the user login form 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.

Customize your user login form

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.

Go to confirmation settings

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.

Add WPForms widget block

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.

Edit form settings and update

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.

Custom login form preview

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.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

6 kommentarerLämna ett svar

  1. 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!

  2. 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

  3. Hafsa

    Hi,
    Could u plz tell me, if i can creat a custome login form for users without the need of registration??

  4. 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.

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.