Personalizando um login do Joomla para uma melhor experiência do usuário (redirecionamentos e mais)

Como criar uma experiência de login personalizada para usuários Joomla

A experiência do usuário se tornou o foco principal em muitos aplicativos e sites. Joomla permite que você crie uma melhor experiência do usuário personalizando a tela de login para fornecer uma experiência específica para diferentes tipos de usuários. 

Neste artigo, discutiremos várias maneiras de realizar um redirecionamento de login do Joomla para levar tipos específicos de usuários a páginas específicas.

Joomla Login Redirect

O módulo de login do Joomla está disponível na página inicial de um site Joomla, com ou não os dados de amostra instalados. Quando você faz login usando a caixa de login, o módulo de login o direciona para a página inicial do seu site por padrão.

No entanto, você pode alterar isso editando os parâmetros do módulo.

Acesse Extensões> Módulos e procurar Login. 

Observe as opções de configuração conforme abaixo. Você pode ver que uma das opções é uma página de redirecionamento de login.

Explicaremos como usar isso para personalizar a experiência do usuário.

configuração de login do joomla

Usando a opção Página de redirecionamento de login acima, você pode definir a página que a caixa de login deve enviar ao usuário depois que ele faz login no site. No botão Selecionar, você pode escolher qualquer página conectada ao item de menu em seu site.

Se você mantiver a opção "Padrão", o usuário será redirecionado para a página padrão do site (geralmente a página inicial).

Se a caixa de login estiver localizada bem na parte inferior de uma página, longe o suficiente para que o usuário tenha que rolar, e se a caixa estiver localizada apenas na página inicial do site (que é para onde o módulo de login redireciona por padrão no login ), então há potencial para confusão.

O usuário efetua login e vê a mesma tela em que estava.

As seguintes alterações podem ser feitas para melhorar a experiência do usuário:

  • mova a caixa de login para o topo da página o máximo possível
  • execute um redirecionamento para uma página diferente usando os parâmetros acima para que o usuário saiba que o login foi bem-sucedido

Você também pode criar um menu ligação para uma página que contém um formulário de login, se isso fizer sentido para a experiência do usuário do seu site.

Para fazer isso, vá para Menu - Menu Principal (ou sua escolha de menu) e Adicionar Novo Item de Menu. Clique em Selecionar próximo ao Tipo de Item do Menu e escolha Usuários> Formulário de Login localizado. direita A tela da guia Opções conterá o seguinte:

opções de item de menu de login do joomla

Essa tela de login redireciona os usuários para seus perfis por padrão, em vez de para uma página específica no site.

Para configurar o redirecionamento para uma página específica do site, escolha URL interno e insira o URL dessa página na caixa Redirecionamento de login. Como alternativa, você pode selecionar um item de menu para redirecionar um usuário depois de fazer o login.

Ao fazer login com a tela de login acima, isso é o que o usuário vê com as configurações padrão:

perfil de usuário

3 maneiras de melhorar a experiência do usuário de login / logout no Joomla

1. Faça uso consistente de redirecionamentos

Você está usando o módulo de login e um link de login no seu site?

Certifique-se de que ambos os logins redirecionem para a mesma página, proporcionando a mesma experiência do usuário, independentemente de onde as pessoas se conectem. Como alternativa, ofereça o módulo de login ou um link de login para fazer login no site e certifique-se de que redireciona para uma página que faça sentido . Além disso, certifique-se de que o módulo de login e o link de login redirecionem para a mesma página no logout.

Mesmo se você estiver usando apenas uma opção de login em seu site, certifique-se de usar redirecionamentos para melhorar a experiência do usuário e deixar claro que alguém entrou ou saiu do site.

Se o seu site for um site de membros, você pode redirecionar para os cursos disponíveis. Se o seu site for uma loja e você exigir que um usuário se registre, redirecione-o para a cesta de compras ou caixa.

2. Personalize a página inicial de login para o grupo que está conectado

E se você quiser que determinados grupos de usuários vejam mensagens diferentes ao fazer login? E se os administradores deveriam ver mensagens específicas para administradores, bem como suas próprias mensagens de login?

Joomla permite apenas uma página para um redirecionamento do módulo de login ou página. Nessa interface, não há como afirmar especificamente que aqueles que são alunos devem ver uma página, enquanto os professores devem ver outra.

Todos veem a mesma página no login.

Mas você pode melhorar a experiência fazendo uso da ACL do Joomla.

Veja como configuramos uma página de destino de login que pode atender a diferentes públicos (por exemplo, aluno, professor, administrador):

  • Configure uma categoria para a página de login e defina o nível de acesso como Registrado (ou seja, todos os três públicos podem ver o conteúdo dentro da categoria)
  • Agora configure um artigo dentro da categoria. Dentro do artigo, em vez de inserir conteúdo, insira três posições de módulo usando [loadposition]. Por exemplo: [loadposition student], [loadposition professor], [loadposition admin] (lembre-se de alterar os colchetes por colchetes {}.)
  • Crie módulos para cada nível de acesso, com posições de aluno, professor e administrador (ou correspondente ao seu código de loadposition). Eles podem ser módulos HTML personalizados, que podem conter conteúdo personalizado para cada nível de acesso.
  • Quando um visitante chega ao local, ele verá o (s) módulo (s) personalizado (s) para o nível de acesso do usuário.

Aqui estão instruções mais detalhadas para fazer este trabalho.

Certifique-se de que os usuários façam parte do grupo de usuários registrados.

Os usuários do seu site são atribuídos a um ou vários grupos de usuários.

Certifique-se de que um deles seja o grupo de usuários registrados, para que todos os usuários que estejam logados possam ver algum conteúdo em comum. Os usuários públicos, que não estão logados no site, não poderão ver o conteúdo dos usuários registrados. 

Crie uma categoria, um artigo e um item de menu para a página inicial de login.

Crie uma categoria para sua página inicial de login, talvez com um nome como Página inicial de login. Defina o nível de acesso na categoria como Registrado. (Os grupos de usuários de alunos e professores devem fazer parte do nível de acesso registrado.)

Crie um artigo dentro da categoria. O artigo deve conter uma posição do módulo para cada nível de acesso.

Faça um link para o menu no Gerenciador de Menu, escolhendo Artigo Único como seu tipo e vinculando ao seu artigo da página de destino de login. Defina o nível de acesso do item de menu como Registrado também.

Se você não quiser que um link para a página de login apareça em sua navegação, você sempre pode usar a técnica de menu oculto para ocultar o link.

Crie módulos com diferentes níveis de acesso

Crie módulos HTML personalizados individuais no Gerenciador de Módulos. Para cada módulo, atribua a ele um nível de acesso e posição de módulo apropriados. Por exemplo, faça um módulo para o nível de acesso do aluno com uma posição de aluno, um para o nível de acesso do professor com a posição de professor e um para o nível de acesso registrado com a posição de registrado.

Quando alguém se logar no site, verá o artigo, pois faz parte do nível de acesso Registrado. Os módulos que eles veem serão determinados pelo nível de acesso do módulo. Nesse caso, os alunos podem ver apenas o módulo do aluno, os professores podem ver os professores e os módulos do aluno e os administradores podem ver os três módulos.

3. Crie um botão de logout fácil de encontrar

Quando você entra no seu site Joomla, o módulo de login se converte em um botão de logout. Isso é ótimo se o módulo é exibido em cada página do site, mas frequentemente, o módulo pode ser exibido apenas em uma página (ou um punhado de páginas).

Isso significa que o usuário precisará voltar a essa página para sair do site. Da mesma forma, se houver um link de login no site, o usuário deve retornar à página de login (que pode dizer "login" na navegação, mesmo quando deseja fazer logout).

Não seria ótimo ter um botão "logout" em todas as páginas do site?

Ou não seria ótimo se você pudesse ter um link "logout" na navegação?

Com o ACL, você pode ter os dois e deve colocá-los em prática para uma melhor experiência do usuário.

Altere o módulo de login para trabalhar para sair

Se desejar que um botão "logout" apareça em cada página do seu site quando um usuário estiver conectado, mas não quiser exibir uma caixa de login em todas as páginas do site, veja como você pode fazer isso acontecer .

Crie um segundo módulo de login. Atribua o nível de acesso a Registrado e faça com que apareça em cada página do site.

Este segundo módulo de login só aparecerá quando alguém já estiver logado no site. E quando eles já estão logados, o módulo é exibido como um botão de logout.

Se eles clicarem no botão de logout, o módulo não será mais exibido - porque você efetuou logout e não faz mais parte do nível de acesso Registrado!

Se quiser que um link de "logout" apareça em sua navegação, mas ele só apareça quando alguém estiver logado no site, esta é a maneira de fazer isso acontecer.

Crie um item de menu do tipo de login. O título do item de menu pode ser Logout. Defina o nível de acesso para este link como registrado.

Agora, este item de menu só aparecerá quando alguém estiver logado no site. Quando eles clicarem no link Logout, eles obterão uma página com um botão de logout onde eles podem clicar. Este é um clique extra em relação à técnica do módulo descrita acima, mas pode ser mais intuitivo para alguns usuários ou pode funcionar melhor com alguns designs de site. Você apenas terá que testar e ver o que funciona melhor para você!

 

Personalizando o login do Joomla para diferentes usuários

Mostrar um módulo de login do Joomla apenas em uma página

Um dilema recente que tivemos foi como tornar mais fácil para os usuários de um site Joomla fazer o login, sem ter que usar o módulo de login do Joomla.

Às vezes, o módulo de Login pode se perder em seu conteúdo, confundindo os usuários e você deseja criar uma página de Login que contenha apenas o formulário de Login. 

Felizmente, isso é muito fácil de fazer, uma vez que você saiba como. Você só precisa criar um link para o seguinte endereço:

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

Este é o componente Joomla que lida com o login / logout, e um link direto para o levará a uma página que contém o Componente de Login. O módulo Login simplesmente disponibiliza este componente através de um módulo Joomla, para permitir que você coloque uma caixa de Login.

Resumindo

Como podemos ver, o login do Joomla é uma funcionalidade bastante versátil. Usando o login do Joomla junto com o ACL e os ajustes acima, você pode criar uma experiência de usuário rica e melhor para seus usuários.

 

Sobre o autor
David Attard
Autor: David AttardSite: https://www.linkedin.com/in/dattard/
David tem trabalhado na ou em torno da indústria online / digital nos últimos 18 anos. Ele tem vasta experiência nas indústrias de software e web design usando WordPress, Joomla e nichos ao seu redor. Como consultor digital, seu foco é ajudar as empresas a obter uma vantagem competitiva usando uma combinação de seu website e plataformas digitais disponíveis hoje.

Mais uma coisa... Você sabia que as pessoas que compartilham coisas úteis como esta postagem também parecem FANTÁSTICAS? ;-)
. deixe um útil comente com suas ideias, depois compartilhe com seu (s) grupo (s) do Facebook, que considerariam isso útil e vamos colher os benefícios juntos. Obrigado por compartilhar e ser legal!

Divulgação: Esta página pode conter links para sites externos de produtos que amamos e recomendamos de todo o coração. Se você comprar produtos que sugerimos, podemos receber uma taxa de referência. Essas taxas não influenciam nossas recomendações e não aceitamos pagamentos por análises positivas.

 

quem somos nós?

CollectiveRay é administrado por David Attard - trabalhando dentro e ao redor do nicho de web design por mais de 12 anos, oferecemos dicas práticas para pessoas que trabalham com e em sites. Também administramos DronesBuy.net - um site para entusiastas de drones.

David Attard

 

 

Autor (es) em destaque em:  Logotipo da revista Inc   Logotipo do Sitepoint   Logotipo do CSS Tricks    logotipo do webdesignerdepot   Logotipo WPMU DEV   e muitos mais ...