Een Joomla-login aanpassen voor een betere UX (omleidingen en meer)

Een aangepaste inlogervaring creëren voor Joomla-gebruikers

Gebruikerservaring is een belangrijk aandachtspunt geworden in veel applicaties en websites. Met Joomla kunt u een betere gebruikerservaring creëren door het inlogscherm aan te passen om een ​​specifieke ervaring te bieden voor verschillende soorten gebruikers. 

In dit artikel zullen we verschillende manieren bespreken om een ​​Joomla login omleiding uit te voeren om specifieke typen gebruikers naar specifieke pagina's te leiden.

Joomla Login Redirect Re

De Joomla-inlogmodule is beschikbaar op de startpagina van een Joomla-site, ongeacht of de voorbeeldgegevens zijn geïnstalleerd. Wanneer u inlogt met behulp van het inlogvenster, leidt de inlogmodule u standaard naar de startpagina van uw site.

U kunt dit echter wijzigen door de parameters van de module te bewerken.

Ga naar Uitbreidingen > Modules en zoek naar Login. 

Bekijk de configuratie-opties zoals hieronder. U kunt zien dat een van de opties een Login Redirection-pagina is.

We zullen uitleggen hoe u dit kunt gebruiken om de gebruikerservaring aan te passen.

joomla login configuratie

Met behulp van de optie Login Redirection Page hierboven, kunt u instellen naar welke pagina de login box een gebruiker moet sturen nadat ze zich hebben aangemeld bij de site. Via de knop Selecteren kunt u elke pagina kiezen die is gekoppeld aan een menu-item op uw website.

Als u de optie "Standaard" behoudt, wordt de gebruiker doorgestuurd naar de standaardpagina van de website (meestal de startpagina).

Als het inlogvak zich ver naar beneden in de richting van de onderkant van een pagina bevindt, ver genoeg dat een gebruiker moet scrollen, en als het vak zich alleen op de startpagina van de site bevindt (waar de inlogmodule standaard omleidt bij het inloggen ), dan is er kans op verwarring.

De gebruiker logt in en ziet dan hetzelfde scherm als waar ze zich net op bevonden.

De volgende wijzigingen kunnen worden aangebracht om de gebruikerservaring te verbeteren:

  • verplaats het inlogvak zo veel mogelijk naar de bovenkant van de pagina
  • voer een omleiding uit naar een andere pagina met behulp van de bovenstaande parameters, zodat de gebruiker weet dat de login succesvol was

U kunt ook een menu maken link naar een pagina die een inlogformulier bevat, als dit zinvol is voor de UX van uw website.

Ga hiervoor naar Menu - Hoofdmenu (of een menu naar keuze) en Nieuw menu-item toevoegen. Klik op Selecteren naast Menu Item Type en kies Gebruikers > Inlogformulier gelegen. rechts Het tabblad Opties bevat het onderstaande:

joomla login menu item opties

Dit inlogscherm leidt gebruikers standaard door naar hun profiel, in plaats van naar een specifieke pagina op de website.

Om de omleiding naar een specifieke pagina op de site te configureren, kiest u: Interne URL en voer de URL van die pagina in het vak Login Redirection in. Als alternatief kunt u een menu-item selecteren waarnaar een gebruiker wordt doorgestuurd nadat deze is ingelogd.

Bij het inloggen met het bovenstaande inlogscherm ziet de gebruiker dit met de standaardinstellingen:

gebruikersprofiel

3 manieren om de Joomla Login/Logout-gebruikerservaring te verbeteren

1. Maak consequent gebruik van omleidingen

Gebruikt u zowel de inlogmodule als een inloglink op uw site?

Zorg ervoor dat beide logins doorverwijzen naar dezelfde pagina, zodat dezelfde gebruikerservaring wordt geboden, ongeacht waar mensen inloggen. U kunt ook de inlogmodule of een inloglink aanbieden om in te loggen op de site, en ervoor zorgen dat deze doorverwijst naar een pagina die logisch is . Zorg er ook voor dat de inlogmodule en de inloglink bij het uitloggen naar dezelfde pagina omleiden.

Zelfs als u slechts één inlogoptie op uw site gebruikt, moet u ervoor zorgen dat u omleidingen gebruikt om de gebruikerservaring te verbeteren en duidelijk te maken dat iemand heeft in- of uitgelogd op de website.

Als uw site een lidmaatschapssite is, kunt u doorverwijzen naar de beschikbare cursussen. Als uw site een winkel is en u wilt dat een gebruiker zich registreert, stuur hem dan door naar zijn winkelmandje of afrekenen.

2. Pas de login-bestemmingspagina aan aan de groep die is ingelogd

Wat als u wilt dat bepaalde groepen gebruikers verschillende berichten zien wanneer ze inloggen? En wat als beheerders specifieke berichten voor beheerders zouden moeten zien, evenals hun eigen inlogberichten?

Joomla staat slechts één pagina toe voor een omleiding vanaf de inlogmodule of pagina. In die interface is er geen manier om specifiek aan te geven dat degenen die studenten zijn de ene pagina zouden moeten zien, terwijl docenten een andere zouden moeten zien.

Iedereen ziet dezelfde pagina bij het inloggen.

Maar u kunt de ervaring verbeteren door gebruik te maken van Joomla's ACL.

Hier is hoe we een login-bestemmingspagina opzetten die geschikt is voor verschillende doelgroepen (bijvoorbeeld student, docent, beheerder):

  • Stel een categorie in voor de inlogpagina en stel het toegangsniveau in op Geregistreerd (dwz alle drie de doelgroepen kunnen inhoud binnen de categorie zien)
  • Stel nu een artikel in binnen de categorie. Voer in het artikel, in plaats van inhoud in te voeren, drie moduleposities in met [loadposition]. Bijvoorbeeld: [loadposition student], [loadposition teacher], [loadposition admin] (Vergeet niet om de vierkante haken met accolades te veranderen { }.)
  • Maak modules voor elk toegangsniveau, met posities van student, docent en beheerder (of overeenkomend met uw laadpositiecode). Dit kunnen aangepaste HTML-modules zijn, die inhoud kunnen bevatten die is aangepast aan elk toegangsniveau.
  • Wanneer een bezoeker ter plaatse arriveert, ziet hij de module(s) aangepast aan het toegangsniveau van de gebruiker.

Hier zijn meer gedetailleerde instructies om dit te laten werken.

Zorg ervoor dat gebruikers deel uitmaken van de groep Geregistreerde gebruikers.

Gebruikers van uw site krijgen een of meerdere gebruikersgroepen toegewezen.

Zorg ervoor dat een van hen de geregistreerde gebruikersgroep is, zodat alle gebruikers die zijn ingelogd, bepaalde inhoud gemeenschappelijk kunnen zien. Openbare gebruikers, dit zijn gebruikers die niet zijn ingelogd op de site, kunnen de inhoud van Geregistreerde gebruikers niet zien. 

Maak een categorie, een artikel en een menu-item voor de login-bestemmingspagina.

Maak een categorie voor uw login-bestemmingspagina, misschien met een naam als Login-bestemmingspagina. Stel het toegangsniveau voor de categorie in op Geregistreerd. (Gebruikersgroepen voor leerlingen en docenten moeten deel uitmaken van het toegangsniveau Geregistreerde.)

Maak een artikel aan binnen de categorie. Het artikel moet voor elk toegangsniveau een modulepositie bevatten.

Maak een link naar het menu in de Menu Manager, kies Single Article als uw type en link naar uw login landingspagina artikel. Stel het toegangsniveau van het menu-item ook in op Geregistreerd.

Als u niet wilt dat een link naar de inlogpagina in uw navigatie verschijnt, kunt u altijd de verborgen menutechniek gebruiken om de link te verbergen.

Modules maken met verschillende toegangsniveaus

Maak individuele aangepaste HTML-modules in de Module Manager. Wijs voor elke module een geschikt toegangsniveau en modulepositie toe. Maak bijvoorbeeld een module voor het leerlingtoegangsniveau met een functie van leerling, één voor het docenttoegangsniveau met een functie van docent, en één voor het geregistreerde toegangsniveau met een functie van geregistreerd.

Wanneer iemand vervolgens inlogt op de site, krijgt hij het artikel te zien, omdat hij deel uitmaakt van het toegangsniveau Geregistreerd. Welke modules ze zien, wordt bepaald door het toegangsniveau van de module. In dit geval zien studenten mogelijk alleen de studentmodule, zien docenten de docenten- en studentmodules en kunnen beheerders alle drie de modules zien.

3. Maak een gemakkelijk te vinden uitlogknop

Wanneer u inlogt op uw Joomla-website, wordt de inlogmodule omgezet in een uitlogknop. Dat is geweldig als de module op elke pagina van de site wordt weergegeven, maar vaak wordt de module slechts op één pagina (of een handvol pagina's) weergegeven.

Dit betekent dat een gebruiker terug moet gaan naar die pagina om uit te loggen op de site. Evenzo, als er een login-link op de site staat, moet de gebruiker terugkeren naar de login-pagina (die in de navigatie "login" kan zeggen, zelfs als hij wil uitloggen).

Zou het niet geweldig zijn om op elke pagina van de site een "uitloggen"-knop te hebben?

Of zou het niet geweldig zijn als je een "uitlog"-link in de navigatie zou kunnen hebben?

Met ACL kunt u beide hebben, en u moet ze installeren voor een betere gebruikerservaring.

Wijzig de inlogmodule om uit te loggen

Als u een "uitlog"-knop op elke pagina van uw website wilt hebben wanneer een gebruiker is ingelogd, maar u niet op elke pagina van de site een inlogvenster wilt weergeven, kunt u dit als volgt doen .

Maak een tweede inlogmodule aan. Wijs het toegangsniveau toe aan Geregistreerd en laat het op elke pagina van de site verschijnen.

Deze tweede inlogmodule verschijnt alleen als iemand al is ingelogd op de site. En als ze al zijn ingelogd, wordt de module weergegeven als een uitlogknop.

Als ze op de uitlogknop klikken, wordt de module niet langer weergegeven - omdat u bent uitgelogd en niet langer deel uitmaakt van het toegangsniveau Geregistreerd!

Als u wilt dat een "uitlog"-link in uw navigatie verschijnt, maar deze alleen laat verschijnen wanneer iemand is ingelogd op de site, dan is dit de manier om dat te laten gebeuren.

Maak een menu-item van het type login. De titel van het menu-item kan Uitloggen zijn. Stel het toegangsniveau voor deze link in op Geregistreerd.

Nu verschijnt dit menu-item alleen als iemand is ingelogd op de site. Wanneer ze op de link Uitloggen klikken, krijgen ze een pagina met een uitlogknop waarop ze kunnen klikken. Dit is een extra klik ten opzichte van de hierboven beschreven moduletechniek, maar het kan voor sommige gebruikers intuïtiever zijn, of het kan beter werken met sommige site-ontwerpen. U hoeft alleen maar te testen en te zien wat het beste voor u werkt!

 

De Joomla Login aanpassen voor verschillende gebruikers

Toon een Joomla-inlogmodule alleen op een pagina

Een recent dilemma dat we hadden was hoe we het gebruikers van een Joomla-site gemakkelijker konden maken om in te loggen, zonder de Joomla Login-module te hoeven gebruiken.

Soms kan de Login-module verloren gaan in uw inhoud, zodat gebruikers in de war kunnen raken, en zou u een Login-pagina willen maken die alleen het Login-formulier bevat. 

Gelukkig is dit weer heel eenvoudig te doen als je eenmaal weet hoe. U hoeft alleen maar een link naar het volgende adres te maken:

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

Dit is de Joomla-component die het inloggen / uitloggen afhandelt, en als u er rechtstreeks naar linkt, gaat u naar een pagina die de Login-component bevat. De Login-module maakt dit onderdeel eenvoudig beschikbaar via een Joomla-module, zodat u een Login-box kunt plaatsen.

Afsluiten

Zoals we kunnen zien, is de Joomla-login een behoorlijk veelzijdig stuk functionaliteit. Door de Joomla-login samen met ACL en de bovenstaande tweaks te gebruiken, kunt u een rijke en betere gebruikerservaring voor uw gebruikers creëren.

 

Over de auteur
David Attard
David heeft de afgelopen 18 jaar in of rond de online / digitale industrie gewerkt. Hij heeft uitgebreide ervaring in de software- en webdesign-industrie met WordPress, Joomla en niches eromheen. Als digitale consultant richt hij zich op het helpen van bedrijven om een ​​concurrentievoordeel te behalen door een combinatie van hun website en digitale platforms die vandaag beschikbaar zijn.

Nog een ding... Wist je dat mensen die nuttige dingen zoals dit bericht delen er ook GEWELDIG uitzien? ​
Alstublieft laat een nuttig geef commentaar met je mening, deel dit dan op je Facebook-groep (en) die dit nuttig zouden vinden en laten we samen de vruchten plukken. Bedankt voor het delen en aardig zijn!

Disclosure: Deze pagina kan links bevatten naar externe sites voor producten die we geweldig vinden en die we van harte aanbevelen. Als u producten koopt die we aanbevelen, kunnen we een verwijzingsvergoeding verdienen. Dergelijke vergoedingen hebben geen invloed op onze aanbevelingen en we accepteren geen betalingen voor positieve beoordelingen.

 

wie zijn we?

CollectiveRay wordt gerund door David Attard - we werken al meer dan 12 jaar in en rond de niche van webdesign en bieden bruikbare tips voor mensen die met en op websites werken. We hebben ook DronesBuy.net - een website voor drone-hobbyisten.

David Attard

 

 

Auteur (s) Uitgelicht op:  Inc Magazine-logo   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   en nog veel meer ...