Personalizzazione di un accesso a Joomla per una migliore UX (reindirizzamenti e altro)

Come creare un'esperienza di accesso personalizzata per gli utenti di Joomla

L'esperienza utente è diventata un punto focale in molte applicazioni e siti web. Joomla ti consente di creare una migliore esperienza utente personalizzando la schermata di accesso per fornire un'esperienza specifica per diversi tipi di utenti. 

In questo articolo discuteremo vari modi per eseguire un reindirizzamento di accesso a Joomla per portare specifici tipi di utenti a pagine specifiche.

Reindirizzamento accesso Joomla

Il modulo di accesso di Joomla è disponibile nella home page di un sito Joomla, indipendentemente dal fatto che i dati di esempio siano installati o meno. Quando accedi utilizzando la casella di accesso, il modulo di accesso ti indirizzerà alla home page del tuo sito per impostazione predefinita.

Tuttavia, puoi cambiarlo modificando i parametri del modulo.

Vai su Estensioni> Moduli e cercare Login. 

Guarda le opzioni di configurazione come sotto. Puoi vedere che una delle opzioni è una pagina di reindirizzamento di accesso.

Spiegheremo come utilizzarlo per personalizzare l'esperienza dell'utente.

configurazione del login di joomla

Utilizzando l'opzione Pagina di reindirizzamento di accesso sopra, è possibile impostare la pagina che la casella di accesso deve inviare a un utente dopo che ha effettuato l'accesso al sito. Dal pulsante Seleziona, puoi scegliere qualsiasi pagina collegata alla voce di menu sul tuo sito web.

Se mantieni l'opzione "Default", l'utente verrà reindirizzato alla pagina predefinita del sito web (di solito la home page).

Se la casella di accesso si trova molto in basso verso la parte inferiore di una pagina, abbastanza lontano da consentire a un utente di scorrere, e se la casella si trova solo sulla home page del sito (che è dove il modulo di accesso reindirizza per impostazione predefinita all'accesso ), quindi c'è il potenziale per la confusione.

L'utente accede e quindi vede la stessa schermata su cui si trovava.

È possibile apportare le seguenti modifiche per migliorare l'esperienza dell'utente:

  • spostare il più possibile la casella di accesso nella parte superiore della pagina
  • eseguire un reindirizzamento a una pagina diversa utilizzando i parametri sopra in modo che l'utente sappia che il login è andato a buon fine

Puoi anche creare un menu collegamento a una pagina che contiene un modulo di accesso, se questo ha senso per la UX del tuo sito web.

Per fare ciò, vai su Menu - Menu principale (o la tua scelta di menu) e Aggiungi nuova voce di menu. Fare clic su Seleziona accanto a Tipo di voce di menu e scegliere Utenti> Modulo di accesso trova. destra La schermata della scheda Opzioni conterrà quanto segue:

Opzioni della voce di menu di accesso di joomla

Questa schermata di accesso reindirizza gli utenti al loro profilo per impostazione predefinita, piuttosto che a una pagina specifica del sito web.

Per configurare il reindirizzamento a una pagina specifica del sito, scegliere URL interno e inserisci l'URL di quella pagina nella casella Reindirizzamento accesso. In alternativa, puoi selezionare una voce di menu a cui reindirizzare un utente dopo che ha effettuato l'accesso.

Quando si accede con la schermata di accesso sopra, questo è ciò che l'utente vede con le impostazioni predefinite:

profilo utente

3 modi per migliorare l'esperienza utente di accesso / disconnessione da Joomla

1.Fai un uso coerente dei reindirizzamenti

Stai utilizzando sia il modulo di accesso che un link di accesso sul tuo sito?

Assicurati che entrambi gli accessi reindirizzino alla stessa pagina, fornendo la stessa esperienza utente indipendentemente da dove le persone accedono. In alternativa, offri il modulo di accesso o un link di accesso per accedere al sito e assicurati che reindirizzi a una pagina che abbia senso . Inoltre, assicurati che il modulo di accesso e il link di accesso reindirizzino alla stessa pagina al momento del logout.

Anche se stai utilizzando solo un'opzione di accesso sul tuo sito, assicurati di utilizzare i reindirizzamenti per migliorare l'esperienza dell'utente e chiarire che qualcuno è entrato o disconnesso dal sito web.

Se il tuo sito è un sito di appartenenza, puoi reindirizzare ai corsi disponibili. Se il tuo sito è un negozio e richiedi che un utente si registri, reindirizzalo al carrello o alla cassa.

2. Personalizza la pagina di destinazione per l'accesso al gruppo che ha effettuato l'accesso

E se desideri che determinati gruppi di utenti vedano messaggi diversi quando effettuano l'accesso? E se gli amministratori dovessero vedere messaggi specifici per gli amministratori oltre ai propri messaggi di accesso?

Joomla consente solo una pagina per un reindirizzamento dal modulo o dalla pagina di accesso. In quell'interfaccia, non c'è modo di affermare specificamente che coloro che sono studenti dovrebbero vedere una pagina, mentre gli insegnanti dovrebbero vederne un'altra.

Tutti vedono la stessa pagina all'accesso.

Ma puoi migliorare l'esperienza utilizzando l'ACL di Joomla.

Ecco come impostiamo una pagina di destinazione di accesso che potrebbe soddisfare diversi tipi di pubblico (ad es. Studente, insegnante, amministratore):

  • Imposta una categoria per la pagina di accesso e imposta il livello di accesso su Registrato (ovvero tutti e tre i segmenti di pubblico possono vedere i contenuti all'interno della categoria)
  • Ora imposta un articolo all'interno della categoria. All'interno dell'articolo, invece di inserire il contenuto, inserisci tre posizioni del modulo utilizzando [loadposition]. Ad esempio: [loadposition student], [loadposition teacher], [loadposition admin] (Ricorda di cambiare le parentesi quadre con le parentesi graffe {}.)
  • Crea moduli per ogni livello di accesso, con posizioni di studente, insegnante e amministratore (o corrispondenti al tuo codice posizione di caricamento). Questi possono essere moduli HTML personalizzati, che possono contenere contenuti personalizzati per ogni livello di accesso.
  • Quando un visitatore arriva sul sito, vedrà i moduli personalizzati in base al livello di accesso dell'utente.

Ecco le istruzioni più dettagliate per eseguire questo lavoro.

Assicurati che gli utenti facciano parte del gruppo di utenti registrati.

Agli utenti del tuo sito vengono assegnati uno o più gruppi di utenti.

Assicurati che uno di loro sia il gruppo di utenti registrati, in modo che tutti gli utenti che hanno effettuato l'accesso possano vedere alcuni contenuti in comune. Gli utenti pubblici, che sono utenti non registrati nel sito, non saranno in grado di vedere il contenuto per gli utenti registrati. 

Crea una categoria, un articolo e una voce di menu per la pagina di destinazione di accesso.

Crea una categoria per la tua pagina di destinazione di accesso, magari con un nome come Pagina di destinazione di accesso. Imposta il livello di accesso nella categoria su Registrato. (I gruppi di utenti di studenti e insegnanti dovrebbero far parte del livello di accesso registrato.)

Crea un articolo all'interno della categoria. L'articolo dovrebbe contenere una posizione del modulo per ogni livello di accesso.

Crea un collegamento al menu in Gestione menu, scegliendo Articolo singolo come tipo e collegandoti all'articolo della pagina di destinazione di accesso. Imposta anche il livello di accesso della voce di menu su Registrato.

Se non desideri che un collegamento alla pagina di accesso venga visualizzato nella tua navigazione, puoi sempre utilizzare la tecnica del menu nascosto per nascondere il collegamento.

Crea moduli con diversi livelli di accesso

Crea singoli moduli HTML personalizzati all'interno del Module Manager. Per ogni modulo, assegnargli un livello di accesso e una posizione del modulo appropriati. Ad esempio, creare un modulo per il livello di accesso studente con una posizione di studente, uno per il livello di accesso insegnante con una posizione di insegnante e uno per il livello di accesso registrato con una posizione di registrato.

Quando qualcuno accede quindi al sito, vedrà l'articolo, perché fa parte del livello di accesso registrato. I moduli che vedono saranno determinati dal livello di accesso del modulo. In questo caso, gli studenti possono vedere solo il modulo Studente, gli insegnanti possono vedere i moduli Insegnante e Studente e gli amministratori possono vedere tutti e tre i moduli.

3. Creare un pulsante di disconnessione facile da trovare

Quando accedi al tuo sito web Joomla, il modulo di accesso si converte in un pulsante di logout. È fantastico se il modulo viene visualizzato su ogni pagina del sito, ma spesso il modulo può essere visualizzato solo su una pagina (o su una manciata di pagine).

Ciò significa che un utente dovrà tornare a quella pagina per disconnettersi dal sito. Allo stesso modo, se sul sito è presente un collegamento di accesso, l'utente deve tornare alla pagina di accesso (che potrebbe indicare "login" nella navigazione, anche quando desidera disconnettersi).

Non sarebbe bello avere un pulsante "logout" su ogni pagina del sito?

O non sarebbe fantastico se potessi avere un link "logout" nella navigazione?

Con ACL, puoi avere entrambi questi elementi e dovresti metterli in atto per una migliore esperienza utente.

Modificare il modulo di accesso in modo che funzioni per la disconnessione

Se desideri che un pulsante "logout" appaia su ogni pagina del tuo sito web quando un utente ha effettuato l'accesso, ma non desideri visualizzare una casella di accesso su ogni pagina del sito, ecco come puoi farlo accadere .

Crea un secondo modulo di accesso. Assegna il livello di accesso a Registrato e fallo apparire in ogni pagina del sito.

Questo secondo modulo di accesso apparirà solo quando qualcuno è già connesso al sito. E quando hanno già effettuato l'accesso, il modulo viene visualizzato come un pulsante di disconnessione.

Se fanno clic sul pulsante di disconnessione, il modulo non viene più visualizzato, perché ti sei disconnesso e non fai più parte del livello di accesso registrato!

Se desideri che un link "logout" appaia nella tua navigazione, ma che appaia solo quando qualcuno ha effettuato l'accesso al sito, ecco il modo per farlo accadere.

Crea una voce di menu del tipo di accesso. Il titolo della voce di menu può essere Logout. Imposta il livello di accesso per questo collegamento su Registrato.

Ora questa voce di menu apparirà solo quando qualcuno ha effettuato l'accesso al sito. Quando fanno clic sul collegamento Logout, visualizzano una pagina con un pulsante di logout su cui possono fare clic. Questo è un clic aggiuntivo relativo alla tecnica del modulo sopra descritta, ma potrebbe essere più intuitivo per alcuni utenti o potrebbe funzionare meglio con alcuni progetti di siti. Dovrai solo testare e vedere cosa funziona meglio per te!

 

Personalizzare l'accesso a Joomla per diversi utenti

Mostra un modulo di accesso Joomla solo in una pagina

Un recente dilemma che abbiamo avuto era come rendere più facile per gli utenti di un sito Joomla accedere, senza dover utilizzare il modulo di accesso di Joomla.

A volte, il modulo di accesso può perdersi nei tuoi contenuti in modo tale che gli utenti potrebbero confondersi e potresti voler creare una pagina di accesso che contenga solo il modulo di accesso. 

Fortunatamente, questo è ancora molto facile da fare una volta che sai come. Devi solo creare un collegamento al seguente indirizzo:

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

Questo è il componente di Joomla che gestisce il login / logout e il collegamento diretto a ti porterà a una pagina che contiene il componente di login. Il modulo di accesso rende semplicemente disponibile questo componente tramite un modulo di Joomla, per consentirti di inserire una casella di accesso.

Avvolgere Up

Come possiamo vedere, il login di Joomla è una funzionalità piuttosto versatile. Utilizzando il login di Joomla insieme all'ACL e alle modifiche di cui sopra, puoi creare un'esperienza utente ricca e migliore per i tuoi utenti.

 

L'autore
David Attard
Autore: David AttardSito web: https://www.linkedin.com/in/dattard/
David ha lavorato nel o intorno al settore online / digitale negli ultimi 18 anni. Ha una vasta esperienza nei settori del software e del web design utilizzando WordPress, Joomla e le nicchie che li circondano. In qualità di consulente digitale, il suo obiettivo è aiutare le aziende a ottenere un vantaggio competitivo utilizzando una combinazione del loro sito Web e delle piattaforme digitali disponibili oggi.

Un'altra cosa... Sapevi che anche le persone che condividono cose utili come questo post sembrano FANTASTICHE? ;-)
Fatti un favore: lasciare un utile commenta con i tuoi pensieri, quindi condividi questo articolo sui tuoi gruppi di Facebook che lo troverebbero utile e raccogliamo insieme i frutti. Grazie per la condivisione e per essere gentile!

Disclosure: Questa pagina può contenere collegamenti a siti esterni per prodotti che amiamo e consigliamo vivamente. Se acquisti prodotti che ti suggeriamo, potremmo guadagnare una commissione per segnalazione. Tali commissioni non influenzano le nostre raccomandazioni e non accettiamo pagamenti per recensioni positive.

 

chi siamo noi?

CollectiveRay è gestito da David Attard - lavorando dentro e intorno alla nicchia del web design da più di 12 anni, forniamo suggerimenti utili per le persone che lavorano con e sui siti web. Gestiamo anche DronesBuy.net, un sito Web per appassionati di droni.

David attard

 

 

Autore / i in primo piano su:  Inc Magazine Logo   Logo di Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   e molti altri ...