Dostosowywanie logowania Joomla dla lepszego UX (przekierowania i więcej)

Jak stworzyć niestandardowe środowisko logowania dla użytkowników Joomla

Doświadczenie użytkownika stało się głównym celem w wielu aplikacjach i witrynach internetowych. Joomla pozwala stworzyć lepsze wrażenia użytkownika, dostosowując ekran logowania, aby zapewnić określone wrażenia dla różnych typów użytkowników. 

W tym artykule omówimy różne sposoby wykonywania przekierowania logowania Joomla, aby przenosić określone typy użytkowników na określone strony.

Przekierowanie logowania Joomla

Moduł logowania Joomla jest dostępny na stronie głównej witryny Joomla, niezależnie od tego, czy są zainstalowane przykładowe dane. Kiedy logujesz się za pomocą pola logowania, moduł logowania domyślnie przekieruje Cię na stronę główną Twojej witryny.

Możesz to jednak zmienić edytując parametry modułu.

Iść do Rozszerzenia > Moduły i poszukiwanie Zaloguj się. 

Spójrz na opcje konfiguracji jak poniżej. Możesz zobaczyć, że jedną z opcji jest strona przekierowania logowania.

Wyjaśnimy, jak tego użyć, aby dostosować wrażenia użytkownika.

konfiguracja logowania joomla

Korzystając z powyższej opcji Strona przekierowania logowania, możesz ustawić, którą stronę pole logowania powinno wysłać użytkownikowi po zalogowaniu się do witryny. Za pomocą przycisku Wybierz możesz wybrać dowolną stronę połączoną z elementem menu w Twojej witrynie.

Jeśli zachowasz opcję „Domyślne”, użytkownik zostanie przekierowany na domyślną stronę serwisu (zwykle na stronę główną).

Jeśli pole logowania znajduje się daleko w dół strony, na tyle daleko, że użytkownik musi przewinąć, i jeśli pole znajduje się tylko na stronie głównej witryny (czyli tam, gdzie moduł logowania domyślnie przekierowuje przy logowaniu ), wtedy istnieje możliwość pomyłki.

Użytkownik loguje się, a następnie widzi ten sam ekran, na którym właśnie był.

W celu poprawy komfortu użytkowania można wprowadzić następujące zmiany:

  • przenieś pole logowania na górę strony tak bardzo, jak to możliwe
  • wykonaj przekierowanie na inną stronę, korzystając z powyższych parametrów, aby użytkownik wiedział, że logowanie powiodło się

Możesz także stworzyć menu link do strony zawierającej formularz logowania, jeśli ma to sens z punktu widzenia UX Twojej witryny.

Aby to zrobić, przejdź do Menu - Menu główne (lub do wyboru menu) i Dodaj nowy element menu. Kliknij Wybierz obok Typ pozycji menu i wybierz Użytkownicy > Formularz logowania usytuowany. prawy Ekran zakładki Opcje będzie zawierał następujące elementy:

Opcje pozycji menu logowania joomla

Ten ekran logowania domyślnie przekierowuje użytkowników do ich profilu, a nie do określonej strony w witrynie.

Aby skonfigurować przekierowanie do określonej strony w witrynie, wybierz Wewnętrzny adres URL i wprowadź adres URL tej strony w polu Przekierowanie logowania. Alternatywnie możesz wybrać pozycję menu, do której użytkownik zostanie przekierowany po zalogowaniu.

Logując się za pomocą powyższego ekranu logowania, użytkownik widzi to z domyślnymi ustawieniami:

profil użytkownika

3 sposoby na poprawę doświadczenia użytkownika przy logowaniu/wylogowaniu Joomla

1. Konsekwentnie korzystaj z przekierowań

Czy używasz w swojej witrynie zarówno modułu logowania, jak i linku do logowania?

Upewnij się, że oba loginy przekierowują na tę samą stronę, zapewniając takie samo wrażenia użytkownika bez względu na to, gdzie ludzie się logują. Alternatywnie zaoferuj moduł logowania lub link logowania, aby zalogować się do witryny i upewnij się, że przekierowuje do strony, która ma sens . Upewnij się również, że moduł logowania i łącze logowania przekierowują do tej samej strony po wylogowaniu.

Nawet jeśli używasz tylko jednej opcji logowania w swojej witrynie, upewnij się, że korzystasz z przekierowań, aby poprawić wrażenia użytkownika i jasno powiedzieć, że ktoś zalogował się do witryny lub z niej wyszedł.

Jeśli Twoja witryna jest witryną członkowską, możesz przekierować do dostępnych kursów. Jeśli Twoja witryna jest sklepem i wymagasz rejestracji użytkownika, przekieruj go do koszyka lub kasy.

2. Dostosuj landing page logowania do grupy, która jest zalogowana

Co zrobić, jeśli chcesz, aby określone grupy użytkowników widziały różne wiadomości podczas logowania? A co, jeśli administratorzy powinni widzieć określone wiadomości dla administratorów, a także własne komunikaty logowania?

Joomla zezwala na przekierowanie tylko jednej strony z modułu logowania lub strony. W tym interfejsie nie ma sposobu, aby wyraźnie powiedzieć, że ci, którzy są uczniami, powinni widzieć jedną stronę, a nauczyciele powinni widzieć inną.

Każdy widzi tę samą stronę podczas logowania.

Ale możesz poprawić wrażenia, korzystając z ACL Joomla.

Oto jak skonfigurowaliśmy stronę docelową logowania, która może być dostosowana do różnych odbiorców (np. Uczeń, nauczyciel, administrator):

  • Skonfiguruj kategorię dla strony logowania i ustaw poziom dostępu na Zarejestrowany (tj. wszyscy trzej odbiorcy mogą zobaczyć treść w ramach kategorii)
  • Teraz skonfiguruj artykuł w ramach kategorii. Wewnątrz artykułu zamiast wpisywać treść, wprowadź trzy pozycje modułu za pomocą [loadposition]. Na przykład: [loadposition student], [loadposition nauczyciel], [loadposition admin] (Pamiętaj, aby zmienić nawiasy kwadratowe na nawiasy klamrowe { }.)
  • Twórz moduły dla każdego poziomu dostępu, ze stanowiskami ucznia, nauczyciela i administratora (lub odpowiadającego Twojemu kodowi pozycji ładowania). Mogą to być niestandardowe moduły HTML, które mogą zawierać treść dostosowaną do każdego poziomu dostępu.
  • Gdy gość pojawi się na miejscu, zobaczy moduły dostosowane do poziomu dostępu użytkownika.

Oto bardziej szczegółowe instrukcje dotyczące wykonania tej pracy.

Upewnij się, że użytkownicy należą do grupy Zarejestrowanych użytkowników.

Użytkownicy witryny są przypisywani do jednej lub kilku grup użytkowników.

Upewnij się, że jeden z nich jest zarejestrowaną grupą użytkowników, aby wszyscy zalogowani użytkownicy mogli zobaczyć wspólne treści. Użytkownicy publiczni, czyli użytkownicy niezalogowani w serwisie, nie będą mogli oglądać treści dla zarejestrowanych użytkowników. 

Utwórz kategorię, artykuł i pozycję menu dla strony docelowej logowania.

Utwórz kategorię dla swojego landing page'a logowania, być może o nazwie takiej jak Login Landing Page. Ustaw poziom dostępu w kategorii na Zarejestrowany. (Grupy użytkowników uczniów i nauczycieli powinny być częścią poziomu dostępu Zarejestrowany).

Utwórz artykuł w ramach kategorii. Artykuł powinien zawierać pozycję modułu dla każdego poziomu dostępu.

Utwórz link do menu w Menedżerze menu, wybierając Pojedynczy artykuł jako typ i link do artykułu na stronie docelowej logowania. Ustaw również poziom dostępu do pozycji menu na Zarejestrowany.

Jeśli nie chcesz, aby w nawigacji wyświetlał się link do strony logowania, zawsze możesz użyć techniki ukrytego menu, aby ukryć link.

Twórz moduły z różnymi poziomami dostępu

Twórz indywidualne niestandardowe moduły HTML w Menedżerze modułów. Dla każdego modułu przypisz mu odpowiedni poziom dostępu i pozycję modułu. Na przykład utwórz moduł dla poziomu dostępu studenta ze stanowiskiem studenta, jeden dla poziomu dostępu nauczyciela ze stanowiskiem nauczyciela i jeden dla poziomu dostępu zarejestrowanego ze stanowiskiem zarejestrowany.

Gdy ktoś zaloguje się do serwisu, zobaczy artykuł, ponieważ jest częścią poziomu dostępu Zarejestrowany. Widoczne moduły będą określone przez poziom dostępu do modułu. W takim przypadku uczniowie mogą zobaczyć tylko moduł ucznia, nauczyciele mogą zobaczyć moduły nauczycieli i uczniów, a administratorzy mogą zobaczyć wszystkie trzy moduły.

3. Utwórz łatwy do znalezienia przycisk wylogowania

Kiedy logujesz się do swojej witryny Joomla, moduł logowania zamienia się w przycisk wylogowania. To świetnie, jeśli moduł jest wyświetlany na każdej stronie witryny, ale często moduł może być wyświetlany tylko na jednej stronie (lub kilku stronach).

Oznacza to, że użytkownik będzie musiał wrócić do tej strony, aby wylogować się z witryny. Podobnie, jeśli w witrynie znajduje się link do logowania, użytkownik musi wrócić do strony logowania (co może powiedzieć „zaloguj się” w nawigacji, nawet jeśli chce się wylogować).

Czy nie byłoby wspaniale mieć przycisk „wyloguj” na każdej stronie witryny?

A może nie byłoby wspaniale, gdybyś mógł mieć w nawigacji link „wyloguj”?

Dzięki ACL możesz mieć oba te elementy i powinieneś je wprowadzić, aby zapewnić lepsze wrażenia użytkownika.

Zmień moduł logowania, aby działał przy wylogowaniu

Jeśli chcesz, aby przycisk „wyloguj” pojawiał się na każdej stronie Twojej witryny, gdy użytkownik jest zalogowany, ale nie chcesz wyświetlać pola logowania na każdej stronie witryny, oto jak możesz to zrobić .

Utwórz drugi moduł logowania. Przypisz poziom dostępu do Zarejestrowany i wyświetlaj go na każdej stronie witryny.

Ten drugi moduł logowania pojawi się tylko wtedy, gdy ktoś jest już zalogowany na stronie. A kiedy są już zalogowani, moduł wyświetla się jako przycisk wylogowania.

Jeśli klikną przycisk wylogowania, moduł przestanie się wyświetlać — ponieważ wylogowałeś się i nie jesteś już częścią poziomu dostępu Zarejestrowany!

Jeśli chcesz, aby link „wyloguj” pojawiał się w nawigacji, ale wyświetlał się tylko wtedy, gdy ktoś jest zalogowany w witrynie, oto sposób, aby to zrobić.

Utwórz pozycję menu typu logowania. Tytuł pozycji menu może brzmieć Wyloguj. Ustaw poziom dostępu dla tego łącza na Zarejestrowany.

Teraz ta pozycja menu pojawi się tylko wtedy, gdy ktoś jest zalogowany na stronie. Kiedy klikną link Wyloguj, otrzymają stronę z przyciskiem wylogowania, na który mogą kliknąć. Jest to dodatkowe kliknięcie w porównaniu z opisaną powyżej techniką modułową, ale może być bardziej intuicyjne dla niektórych użytkowników lub może działać lepiej z niektórymi projektami witryn. Musisz tylko przetestować i zobaczyć, co działa najlepiej dla Ciebie!

 

Dostosowywanie logowania Joomla dla różnych użytkowników

Pokaż moduł logowania Joomla tylko na stronie

Ostatnio mieliśmy dylemat, jak ułatwić użytkownikom witryny Joomla logowanie bez konieczności korzystania z modułu Joomla Login.

Czasami moduł logowania może zgubić się w treści, tak że użytkownicy mogą się pomylić, i warto utworzyć stronę logowania zawierającą tylko formularz logowania. 

Na szczęście jest to znowu bardzo łatwe, gdy już wiesz, jak to zrobić. Wystarczy utworzyć link do następującego adresu:

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

Jest to komponent Joomla, który obsługuje logowanie/wylogowanie, a bezpośrednie łącze do strony przeniesie Cię do strony zawierającej komponent logowania. Moduł logowania po prostu udostępnia ten komponent za pośrednictwem modułu Joomla, aby umożliwić umieszczenie pola logowania.

Owijanie w górę

Jak widać logowanie Joomla to dość wszechstronna funkcjonalność. Korzystając z logowania Joomla wraz z ACL i powyższymi poprawkami, możesz stworzyć bogate i lepsze wrażenia użytkownika dla swoich użytkowników.

 

O autorze
Dawid Attar
David pracuje w branży online / cyfrowej lub w jej pobliżu od 18 lat. Ma ogromne doświadczenie w branży oprogramowania i projektowania stron internetowych przy użyciu WordPress, Joomla i otaczających je nisz. Jako konsultant ds. Cyfrowych koncentruje się na pomaganiu firmom w uzyskaniu przewagi konkurencyjnej za pomocą połączenia ich strony internetowej i dostępnych obecnie platform cyfrowych.

Jeszcze jedna rzecz... Czy wiesz, że osoby, które udostępniają przydatne rzeczy, takie jak ten post, również wyglądają NIESAMOWITE? ;-)
Proszę zostaw użyteczny skomentuj swoje przemyślenia, a następnie udostępnij to na swoich grupach na Facebooku, które uznają to za przydatne i wspólnie zbierzmy korzyści. Dziękuję za udostępnienie i bycie miłym!

Ujawnienie: Ta strona może zawierać linki do zewnętrznych witryn produktów, które kochamy i gorąco polecamy. Jeśli kupisz sugerowane przez nas produkty, możemy otrzymać opłatę za polecenie. Takie opłaty nie wpływają na nasze rekomendacje i nie przyjmujemy płatności za pozytywne recenzje.

 

kim jesteśmy?

CollectiveRay jest prowadzony przez Davida Attarda - pracującego w niszy projektowania stron internetowych i wokół niej od ponad 12 lat, dostarczamy praktycznych wskazówek dla osób, które pracują zi na stronach internetowych. Prowadzimy również DronesBuy.net - stronę internetową dla hobbystów dronów.

David Attard

 

 

Autorzy promowani w:  Inc Czasopismo Logo .   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   i wiele więcej ...