Anpassa en Joomla-inloggning för bättre UX (omdirigeringar & mer)

Hur man skapar en anpassad inloggningsupplevelse för Joomla-användare

Användarupplevelse har blivit ett stort fokus i många applikationer och webbplatser. Joomla låter dig skapa en bättre användarupplevelse genom att anpassa inloggningsskärmen för att ge en specifik upplevelse för olika typer av användare. 

I den här artikeln kommer vi att diskutera olika sätt att utföra en Joomla-inloggnings omdirigering för att ta specifika typer av användare till specifika sidor.

Joomla inloggnings omdirigering

Joomla-inloggningsmodulen finns tillgänglig på en Joomla-webbplats, oavsett om den exempeldata är installerad eller inte. När du loggar in med inloggningsrutan leder inloggningsmodulen dig till webbplatsens hemsida som standard.

Du kan dock ändra detta genom att redigera parametrarna för modulen.

Gå till Tillägg> Moduler och söka efter Inloggning. 

Titta på konfigurationsalternativen enligt nedan. Du kan se att ett av alternativen är en sida för omdirigering av inloggning.

Vi kommer att förklara hur man använder detta för att anpassa användarupplevelsen.

joomla-inloggningskonfiguration

Med alternativet Inloggningsomdirigering ovan kan du ställa in vilken sida inloggningsrutan ska skicka en användare efter att de loggat in på webbplatsen. Från knappen Välj kan du välja vilken sida som är kopplad till menyalternativet på din webbplats.

Om du behåller alternativet "Standard" kommer användaren att omdirigeras till standardsidan på webbplatsen (vanligtvis hemsidan).

Om inloggningsrutan ligger långt ner mot botten av en sida, tillräckligt långt för att en användare måste bläddra, och om rutan endast finns på hemsidan för webbplatsen (det är där inloggningsmodulen omdirigeras som standard vid inloggning ), då finns det potential för förvirring.

Användaren loggar in och ser sedan samma skärm som de just var på.

Följande ändringar kan göras för att förbättra användarupplevelsen:

  • flytta inloggningsrutan högst upp på sidan så mycket som möjligt
  • genomföra en omdirigering till en annan sida med hjälp av parametrarna ovan så att användaren vet att inloggningen lyckades

Du kan också skapa en meny länk till en sida som innehåller ett inloggningsformulär, om detta är vettigt för användarupplevelsen på din webbplats.

För att göra detta, gå till Meny - Huvudmeny (eller ditt val av meny) och Lägg till nytt menyalternativ. Klicka på Välj bredvid menyposttyp och välj Användare> Inloggningsformulär belägen. höger Flikskärmen Alternativ innehåller följande:

joomla inloggningsmenyalternativ

Den här inloggningsskärmen omdirigerar användare till deras profil som standard snarare än till en viss sida på webbplatsen.

För att konfigurera omdirigering till en viss sida på webbplatsen, välj Intern URL och ange sidans URL i rutan Inloggningsomdirigering. Alternativt kan du välja ett menyalternativ att omdirigera en användare till efter att de har loggat in.

När du loggar in med ovanstående inloggningsskärm ser det här användaren med standardinställningarna:

användarprofil

3 sätt att förbättra användarupplevelsen för Joomla-inloggning / utloggning

1. Använd konsekvent omdirigeringar

Använder du både inloggningsmodulen och en inloggningslänk på din webbplats?

Se till att båda inloggningarna omdirigerar till samma sida, vilket ger samma användarupplevelse oavsett var folk loggar in. Alternativt kan du erbjuda inloggningsmodulen eller en inloggningslänk för att logga in på webbplatsen och se till att den omdirigerar till en sida som är vettig . Se också till att inloggningsmodulen och inloggningslänken omdirigerar till samma sida vid utloggning.

Även om du bara använder ett inloggningsalternativ på din webbplats, se till att du använder omdirigeringar för att förbättra användarupplevelsen och göra det tydligt att någon har loggat in eller ut på webbplatsen.

Om din webbplats är en medlemssida kan du omdirigera till tillgängliga kurser. Om din webbplats är en butik och du behöver en användare att registrera, omdirigera dem till deras kundvagn eller kassan.

2. Anpassa inloggningslandningssidan till gruppen som är inloggad

Vad händer om du vill att vissa grupper av användare ska se olika meddelanden när de loggar in? Och vad händer om administratörer ska se specifika meddelanden för administratörer såväl som sina egna inloggningsmeddelanden?

Joomla tillåter endast en sida för en omdirigering från inloggningsmodulen eller sidan. I det gränssnittet finns det inget sätt att specifikt ange att de som är studenter ska se en sida, medan lärarna ska se en annan.

Alla ser samma sida vid inloggning.

Men du kan förbättra upplevelsen med Joomlas ACL.

Så här ställer vi in ​​en inloggningslandningssida som kan tillgodose olika målgrupper (t.ex. student, lärare, admin):

  • Ställ in en kategori för inloggningssidan och ställ in åtkomstnivån till Registrerad (dvs. alla tre målgrupper kan se innehåll inom kategorin)
  • Ställ nu upp en artikel inom kategorin. Inne i artikeln, i stället för att ange innehåll, ange tre modulpositioner med [loadposition]. Till exempel: [loadposition student], [loadposition lärare], [loadposition admin] (Kom ihåg att ändra hakparenteserna med lockiga parenteser {}.)
  • Skapa moduler för varje åtkomstnivå, med positioner som student, lärare och admin (eller motsvarar din lastpositionskod). Dessa kan vara anpassade HTML-moduler, som kan innehålla innehåll anpassat till varje åtkomstnivå.
  • När en besökare anländer på plats ser de modulerna anpassade efter användarens åtkomstnivå.

Här är mer detaljerade instruktioner för hur detta fungerar.

Se till att användare är en del av den registrerade användargruppen.

Användare till din webbplats tilldelas en eller flera användargrupper.

Se till att en av dem är den registrerade användargruppen, så att alla användare som är inloggade kan se något innehåll gemensamt. Offentliga användare, som är användare som inte är inloggade på webbplatsen, kommer inte att kunna se innehållet för registrerade användare. 

Skapa en kategori, en artikel och ett menyalternativ för inloggningslandningssidan.

Skapa en kategori för din inloggningslandningssida, kanske med ett namn som Login Landing Page. Ställ in åtkomstnivån i kategorin till Registrerad. (Användargrupper för studenter och lärare bör vara en del av den registrerade åtkomstnivån.)

Skapa en artikel inom kategorin. Artikeln ska innehålla en modulposition för varje åtkomstnivå.

Skapa en länk till menyn i Menyhanteraren, välj Enstaka artikel som din typ och länka till din inloggningsmålsidesartikel. Ställ också in menyalternativets åtkomstnivå till Registrerad.

Om du inte vill att en länk till inloggningssidan ska visas i din navigering kan du alltid använda den dolda menytekniken för att dölja länken.

Skapa moduler med olika åtkomstnivåer

Skapa enskilda anpassade HTML-moduler i Module Manager. Tilldela den en lämplig åtkomstnivå och modulposition för varje modul. Gör till exempel en modul för studentens åtkomstnivå med en position som student, en för lärarens åtkomstnivå med en position som lärare och en för den registrerade åtkomstnivån med en position som registrerad.

När någon sedan loggar in på webbplatsen kommer de att se artikeln eftersom de är en del av den registrerade åtkomstnivån. Modulerna de ser kommer att bestämmas av åtkomstnivån för modulen. I det här fallet kan eleverna bara se studentmodulen, lärarna ser lärarna och studentmodulerna och administratörer kan se alla tre modulerna.

3. Skapa en lätt att hitta utloggningsknapp

När du loggar in på din Joomla-webbplats konverterar inloggningsmodulen till en utloggningsknapp. Det är bra om modulen visas på varje sida på webbplatsen, men ofta kan modulen bara visas på en sida (eller en handfull sidor).

Detta innebär att en användare måste gå tillbaka till den sidan för att logga ut från webbplatsen. På samma sätt, om det finns en inloggningslänk på webbplatsen, måste användaren återgå till inloggningssidan (som kan säga "inloggning" i navigeringen, även när de vill logga ut).

Skulle det inte vara bra att ha en "logout" -knapp på varje sida på webbplatsen?

Eller skulle det inte vara bra om du kunde ha en "logout" -länk i navigeringen?

Med ACL kan du ha båda dessa, och du bör sätta dem på plats för bättre användarupplevelse.

Ändra inloggningsmodulen så att den loggar ut

Om du vill att en "logout" -knapp ska visas på varje sida på din webbplats när en användare är inloggad, men du inte vill visa en inloggningsruta på varje sida på webbplatsen, så här kan du få detta att hända .

Skapa en andra inloggningsmodul. Tilldela registrerad åtkomstnivå och låt den visas på varje sida på webbplatsen.

Denna andra inloggningsmodul visas bara när någon redan är inloggad på webbplatsen. Och när de redan är inloggade visas modulen som en utloggningsknapp.

Om de klickar på utloggningsknappen visas inte längre modulen - för att du har loggat ut och du inte längre är en del av den registrerade åtkomstnivån!

Om du vill att en "utloggning" -länk ska visas i din navigering, men att den bara visas när någon är inloggad på webbplatsen, här är sättet att få det att hända.

Skapa ett menyalternativ av typen av inloggning. Menyalternativets titel kan vara Logout. Ställ in åtkomstnivån för den här länken till Registrerad.

Nu visas detta menyalternativ bara när någon är inloggad på webbplatsen. När de klickar på utloggningslänken får de en sida med en utloggningsknapp som de kan klicka på. Detta är ett extra klick i förhållande till modultekniken som beskrivs ovan, men det kan vara mer intuitivt för vissa användare, eller det kan fungera bättre med vissa webbdesigner. Du måste bara testa och se vad som fungerar bäst för dig!

 

Anpassa Joomla-inloggningen för olika användare

Visa en Joomla-inloggningsmodul endast på en sida

Ett dilemma som vi nyligen hade var hur man skulle göra det lättare för användare av en Joomla-webbplats att logga in utan att behöva använda Joomla Login-modulen.

Ibland kan inloggningsmodulen gå vilse i ditt innehåll så att användarna kan bli förvirrade och du vill skapa en inloggningssida som bara innehåller inloggningsformuläret. 

Lyckligtvis är det här igen väldigt lätt att göra när du förstår hur. Du behöver bara skapa en länk till följande adress:

/index.php?option=com_users&view=login

Detta är Joomla-komponenten som hanterar inloggning / utloggning, och länkar direkt till tar dig till en sida som innehåller inloggningskomponenten. Inloggningsmodulen gör helt enkelt den här komponenten tillgänglig via en Joomla-modul så att du kan sätta in en inloggningsruta.

Inslag Up

Som vi kan se är Joomla-inloggningen ganska mångsidig funktionalitet. Genom att använda Joomla-inloggningen tillsammans med ACL och ovanstående tweaks kan du skapa en rik och bättre användarupplevelse för dina användare.

 

Om författaren
David Attard
Författare: David Attardwebbplats: https://www.linkedin.com/in/dattard/
David har arbetat i eller runt online / digital industrin under de senaste 18 åren. Han har stor erfarenhet av mjukvaru- och webbdesignindustrin med WordPress, Joomla och nischer som omger dem. Som digital konsult fokuserar han på att hjälpa företag att få en konkurrensfördel med en kombination av deras webbplats och digitala plattformar som finns idag.

En sak till... Visste du att människor som delar användbara saker som det här inlägget ser fantastiska ut också? ;-)
Tveka inte, lämna en användbara kommentera med dina tankar, dela sedan detta på din Facebook-grupp (er) som skulle tycka att det var användbart och låt oss skörda fördelarna tillsammans. Tack för att du delade och var trevlig!

Upplysningar: Denna sida kan innehålla länkar till externa webbplatser för produkter som vi älskar och rekommenderar helhjärtat. Om du köper produkter vi föreslår kan vi tjäna en remissavgift. Sådana avgifter påverkar inte våra rekommendationer och vi accepterar inte betalningar för positiva recensioner.

 

vilka är vi?

CollectiveRay drivs av David Attard - arbetar i och runt webbdesignnischen i mer än 12 år, vi ger användbara tips för människor som arbetar med och på webbplatser. Vi driver också DronesBuy.net - en webbplats för drönare.

David attard

 

 

Författare Utvalda på:  Inc Magazine-logotyp   Sitepoint-logotyp   CSS Tricks-logotyp    webbdesignerdepot-logotyp   WPMU DEV-logotyp   och många fler ...