Die Account-Inhaltselemente generieren im Frontend Felder und Inhalte, die vor allem registrierten Personen zur Verfügung stehen. Dort können sie über diese Inhaltselemente Ihr Konto einsehen, bearbeiten und anpassen oder erst ein Konto erstellen.

Der Reiter Allgemein entspricht dem Inhaltselement Nur Überschrift. Der entscheidende Reiter beim Konfigurieren der Account Plug-Ins ist der Reiter Plug-In.

Für den Login-Bereich und alle weiteren dazugehörigen Seiten legen Sie so oder so ähnlich wie in unserer Website-Base einzelne Seiten an. Jede Seite enthält jeweils nur ein Account Plug-In – zusätzlich können Sie andere Inhaltselemente auf den Seiten platzieren, um die Seiten nach Ihren Wünschen zu gestalten.

Da Sie in den Account-Plug-Ins teilweise auf andere Account-Seiten verweisen bzw. diese als Datensatzsammlung nutzen müssen, sollten Sie alle notwendigen Seiten vor dem Anlegen der Plug-Ins anlegen.

Die Account-Elemente sind eng mit dem Frontend-Benutzer Modul verknüpft, da Sie beide zu unserer TYPO3 Extension sg_account gehören. Um die Accountdaten zu speichern, muss ein Ordner, wie er im Screenshot zu sehen ist, erstellt werden (das passiert mit der Konfiguration der Extension). Sowohl das Modul als auch einige Account-Plug-Ins greifen auf den Ordner zu.

Auch auf unserer Vorschau-Seite sind alle hier vorgestellten TYPO3 Inhaltselemente eingebaut. Hier können Sie praktisch ausprobieren, wie die Account-Elemente funktionieren: Registrieren Sie sich dafür mit Ihrer E-Mail-Adresse oder melden Sie sich einfach mit einem Social Media Account an und sehen Sie, wie einfach Benutzer:innen ihre Konto-Informationen anpassen können.

Account-Inhaltselemente bearbeiten

Das Implementieren der Account Plug-Ins ist sehr einfach – Redakteur:innen müssen nur wenige Dinge beachten. Die meisten Account Inhaltselemente haben in den Erweiterungsoptionen ein Dropdown-Menü, in dem Sie die Ausprägung oder anders gesagt den Bereich aussuchen können, in dem das Account-Element gelten soll. So lassen sich unkompliziert für verschiedene Bereiche auf einer Seite unterschiedliche Account-Arten erstellen. Beispielsweise würden Benutzer:innen für einen einfachen Mitgliedsbereich weniger Felder zur Verfügung stehen, als Accounts im Shop-Bereich, in dem solche Angaben wie eine Adresse unbedingt notwendig sind, während diese Informationen in anderen Bereichen unwichtig sind.

Registrierung

Das Plug-In Registrierung ermöglicht ein einfaches Erstellen des Elementes, mit dem man einen Account erstellen kann. Mit dem Account können Nutzer:innen beispielsweise zugangsbeschränkte Inhalte sehen oder den Shop nutzen. Legen Sie im Seitenbaum eine separate Seite für das Plug-In an. Die Accountdaten werden im System hinterlegt und können angepasst werden.

Reiter Plug-In

Auf die Registrierungsseite können Sie z. B. auf der Seite für die Accountanmeldung hinweisen und einen Link einbauen, der dorthin führt.

Seite, zu der User nach der Registrierung weitergeleitet werden

Nach der Registrierung könnten Sie den:die User:in z. B. auf eine Seite weiterleiten, die darauf hinweist, dass der neue Account zunächst bestätigt werden soll.

Weiterleitungspriorität

Es gibt verschiedene Möglichkeiten, um festzulegen, wohin Benutzende weitergeleitet werden sollen. Diese Einstellung überschreibt die Standardpriorisierung.

Datensatzsammlung

Fügen Sie hier bei Bedarf eine Datensatzsammlung ein.

In diesem Plug-In müssen Sie im Regelfall nichts anpassen. Mit dem Erstellen des Elementes ist es bereits einsatzbereit.

Registrierung im Frontend

Nach dem Registrieren erhalten User:innen eine Nachricht zum Bestätigen ihrer E-Mail-Adresse. Dafür legen Sie eine eigene Seite mit dem nächsten Plug-in an, auf die Nutzer:innen weitergeleitet werden, wenn Sie auf den Bestätigungslink klicken. Das Template der automatisch generierten Nachricht kann im Modul Mail-Templates angepasst werden.

Bestätigung der E-Mail-Adresse

Die Bestätigung der E-Mail-Adresse finden Sie als einziges Account bezogenes Plug-In nicht in der Gruppe der Account-Inhaltselemente. Um dieses hinzuzufügen, muss zunächst ein Allgemeines Plug-In erstellt werden. Das Inhaltselement ermöglicht die Registrierung und Bestätigung eines Accounts mit dem Double-Opt-in Verfahren. 

Reiter Plug-In

Legen Sie eine eigene Seite für die Bestätigung an und deaktivieren Sie sie in den Menüs in den Seiteneigenschaften im Tab Zugriff. Mit dem Erstellen des Plug-Ins und dem Hinzufügen des Ordners für Frontend-Benutzer:innen als Datensatzsammlung ist die Seite einsatzbereit.

Bestätigung der E-Mail-Adresse im Frontend

Wenn Benutzer:innen einen gültigen Link zum Bestätigen Ihrer E-Mail-Adresse anklicken, werden Sie zu der Seite geleitet, auf der dieses Plug-In angelegt wurde und sehen die im Screenshot gezeigte Seite ohne den Hinweis. Ist der Link nicht mehr gültig, erscheint standardmäßig der Hinweis.

Anmeldeformular

Wer einen Account auf einer Website anlegt, möchte sich später einmal wieder anmelden. Mit wenigen Klicks stellen Sie Ihren Frontend-Nutzer:innen ein Anmeldeformular zur Verfügung. Im Frontend muss dann nur die E-Mail-Adresse und das Passwort eingetragen werden, um in den Account zu gelangen.

Reiter Plug-In

Wie bei allen Plug-Ins werden auch beim Anmeldeformular alle wichtigen Einstellungen im Tab Plug-In angepasst. Dieser Reiter hat drei weitere Unterreiter. Damit die User:innedaten erkannt werden und das System weiß, wer sich ein- und ausloggt, müssen bei allen drei Unterreitern (Login, Logout und Weiteres) die Seite oder der Ordner zur Datensatzsammlung hinzugefügt werden, der die Liste mit Frontend-Benutzer:innen enthält.

Um eine Seite bzw. einen Ordner hinzuzufügen, klicken Sie auf den Button Seite unter dem Feld oder auf das Ordnersymbol rechts neben dem Feld. Im erschienen Seitenbaum klicken Sie einfach den Ordner an, der die Frontend-Benutzer:innen enthält. Sofort befindet sich dieser in der Auswahl im Feld. Um ein ausgewähltes Objekt wieder zu entfernen, klicken Sie es in der Liste im Feld an. Damit ist das Objekt markiert. Klicken Sie nun auf das Papierkorbsymbol rechts neben dem Feld an. Die Auswahl ist nun gelöscht.

Anmeldeformular im Frontend

Wenn User:innen sich zum ersten Mal mit einem Social Media Account anmelden möchten, werden sie zunächst zur jeweiligen Social Media Seite weitergeleitet, um sich dort anmelden zu können. Im Anschluss werden Benutzer:innen wieder zu der ursprünglichen Seite weitergeleitet, auf der Sie noch den Registrierungsprozess zu Ende machen. Im Anschluss kann man sich bequem mit dem Social Media Login anmelden.

Passwort zurücksetzen

Jeder kennt es und weiß deshalb, warum dieses Inhaltselement so wichtig ist: Ein Passwort ist schnell vergessen, weshalb man es dann zurücksetzen muss. Auch dieses Account-Element ist einfach zu konfigurieren, denn man muss kaum eine Einstellung anpassen. Als Ergebnis erhalten Sie ein Formular im Frontend zum Eintragen der E-Mail-Adresse des Accounts.

Im Reiter Plug-In müssen Sie lediglich als Datensatzsammlung den Ordner mit den Frontend-Benutzer:innen hinzufügen, damit das System die eingegebene E-Mail-Adresse im Frontend mit den vorhandenen Profilen abgleichen kann.

Passwort zurücksetzen im Frontend

Accountansicht

Die Accountansicht bietet einen kompletten Überblick über die Profil-Daten. Dabei wird zwischen Login-Daten und persönlichen Informationen unterschieden. Damit das Plug-In funktioniert, müssen zwei weitere Seiten angelegt werden, die die jeweiligen Informationen enthalten.

Reiter Plug-In

"Persönliche Informationen Bearbeiten"-Seite & "Anmeldedaten Bearbeiten"-Seite

Die ausgewählte Seite sollte jeweils ein 'Account bearbeiten' Plug-In beinhalten. Legen Sie dafür im Seitenbaum unter der Ansichtsseite zwei Unterseiten an: Auf einer Seite sollte das Plug-In 'Account bearbeiten (Nur persönliche Felder)' und der anderen Seite das Plug-In 'Account bearbeiten (Nur Anmelde-Seiten)' angelegt werden.

Bestätigungsweiterleitung verhindern

Wenn diese Option aktiviert ist, wird der Bestätigungscode aus Bestätigungs-E-Mails nur zur Verifizierung von Accounts verwendet. Dies ist nützlich, wenn Sie mehrere Account Plug-Ins auf der gleichen Seite verwenden.

Datensatzsammlung

In diesem Plug-In müssen Sie an dieser Stelle keine Seite hinzufügen.

In den Seiteneigenschaften sollten im Reiter Zugriff einstellen, dass die Seite in den Menüs nicht aktiviert ist. Außerdem sollten Sie bei den Zugriffsrechten für Benutzergruppen 'Anzeigen, wenn angemeldet' einstellen.

Accountansicht im Frontend

Account bearbeiten

Das Plug-In Account bearbeiten erlaubt es Nutzer:innen Ihre Informationen anzupassen. Dafür stehen ein allgemeines Plug-In oder die Plug-Ins jeweils für persönliche Informationen und für Login-Daten zur Verfügung. Das Konfigurieren der Elemente ist sehr einfach. Nach dem Einloggen können die Nutzer dann Ihre Informationen anpassen.

Reiter Plug-In

Ansichtsart

Ob Sie beim Hinzufügen des Plug-Ins Account bearbeiten wählen oder eine der beiden anderen Versionen (siehe Screenshot) nutzen, ist im Grunde egal. Im Reiter Plug-In lässt sich die Einstellung jederzeit anpassen. Es stehen drei Optionen zur Verfügung:

  • Alle Felder
  • Persönliche Felder
  • Anmelde-Felder

Damit die Accountansicht funktioniert, müssen Sie für persönliche Informationen und Anmelde-Daten jeweils eine separate Seite anlegen. Am besten werden die Seiten zum Bearbeiten des Accounts gleich als Unterseiten der Accountansicht angelegt.

Sofern die richtige Ansichtsart eingestellt ist, muss nichts weiter an dem Plug-In angepasst werden, damit es funktioniert.

Account bearbeiten im Frontend

Benutzer:innen gelangen zu den Seiten, auf denen sie ihre Profil-Informationen bearbeiten können, über die Accountansicht. Dort können sie jederzeit alle Daten bearbeiten.

Sie wollen mehr erfahren?

Alle Informationen zu den verfügbaren Angeboten finden Sie auf den Seiten unserer Website-Base. Sie haben die Möglichkeit eine Webseite zum Fixpreis erstellen zu lassen oder entscheiden sich für ein Website as a Service Paket, mit dem keine weiteren Kosten für Hosting oder Sicherheits- und Funktionsupdates auf Sie zukommen werden.