--- title: Neue Element-Anordnungen für toujou-User url: "https://www.toujou.de/blog/neue-element-anordnung/" description: Neue Gruppen, umgezogene Elemente in andere Gruppen und eine verbesserte Element-Vorschau. Die Neuerungen im toujou-Backend. image: "https://www.toujou.de/_assets/processed/5aW2eoZLgffEo1PNAHuZWrUN9Jk1tKROa9f4q2VKwNA/q:85/c:1418.8116173728:798.08153477218:fp:0.5085:0.49880095923261/rt:force/w:1366/h:768/fn:Y3NtXzE5MjB4ODAwX0hlYWRlcl9FbGVtZW50LWxpYnJhcnlfYmx1ZV9kZDEzYzU5YTk2:t/cb:cc459106fe2c77cfa475a95e8dcdbd7bc3717cbc/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQmxvZy1Db250ZW50LzIwMjJfMDdfMjZfaG93X3RvX3RvdWpvdS8xOTIweDgwMF9IZWFkZXJfRWxlbWVudC1saWJyYXJ5X2JsdWUucG5n" date: 2025-10-17 modified: 2026-02-09 categories: - Website Qualität - Tutorials --- # Neue Element-Anordnungen für toujou-User 1. [Home](https://www.toujou.de/) 2. [Blog](https://www.toujou.de/blog/) 3. [Neue Element-Anordnung](https://www.toujou.de/blog/neue-element-anordnung/) Jérôme Grad 09.02.2026- Tutorials - Website Qualität Lesezeit: Veränderte Elementanordnung in toujou ===================================== Noch übersichtlicher und schneller navigieren ---------------------------------------------- Im toujou-Backend gibt es Neuerungen, die Redakteure und Anwenderinnen ein leichteres Erstellen und Bearbeiten von Seiten ermöglichen. Bei der Auswahl eines Elements stehen im sogenannten Wizard ab sofort neue Elementgruppen zur Verfügung, genauso wie manche Elemente semantisch passenderen Elementgruppen zugeordnet wurden. Unberührt davon bleibt die Option, Elemente über das Suchfeld im Wizard zu finden. Zudem werden die unterschiedlichen Elemente in der Seitenansicht im Backend visuell noch näher an der Darstellung im Frontend angezeigt. Alle Änderungen im Überblick: Auf dieser Seite Content-Bereich einer Seite ---------------------------- Im Content-Bereich einer Seite sind die meisten Elemente verfügbar (im Gegensatz zum Header-Bereich). Hier kommen die meisten neuen Element-Gruppen zum Tragen, es sind aber auch bekannte Elemente in anderen Elementgruppen umgezogen worden. ### Neue Element-Gruppen [ ![Screenshot des toujou-Backends bei der man die Elementgruppe Events sieht](https://www.toujou.de/_assets/processed/38w-P5OJ5whCEXIvhBajrLGEwlljzmt89BPD3-7CvGc/q:85/c:1767.1111111111:994:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0VsZW1lbnRncnVwcGVfRXZlbnRzX2JmNDM5MjFiM2I:t/cb:385cd22613e5370e4d8d04d1a3468e89c8f8942f/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQmxvZy1Db250ZW50LzIwMjUvTmV1ZV9FbGVtZW50X0Fub3JkbnVuZy9FbGVtZW50Z3J1cHBlX0V2ZW50cy5wbmc) ](https://www.toujou.de/fileadmin/Bilder/Blog-Content/2025/Neue_Element_Anordnung/Elementgruppe_Events.png) #### Events In dieser neuen Elementgruppe befinden sich die Elemente [Event teaser list ](https://www.toujou.de/service/elementbibliothek/events/event-teaser-list/)und [Event schedule](https://www.toujou.de/service/elementbibliothek/events/event-schedule/). Bisher waren Event-Elemente in den Widgets aufgeführt. [ ![Screenshot des toujou-Backends bei der man die Elementgruppe HTML sieht](https://www.toujou.de/_assets/processed/Zqp4fsuLVV03etu28SQgeoHor8aBVuLQ9B2SItiXEkY/q:85/c:1765.3333333334:993:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0VsZW1lbnRncnVwcGVfSFRNTF8zY2YzYmI3YTli:t/cb:fcd371a823d0dc2917fc1ef2db34433a3bf52b37/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQmxvZy1Db250ZW50LzIwMjUvTmV1ZV9FbGVtZW50X0Fub3JkbnVuZy9FbGVtZW50Z3J1cHBlX0hUTUwucG5n) ](https://www.toujou.de/fileadmin/Bilder/Blog-Content/2025/Neue_Element_Anordnung/Elementgruppe_HTML.png) #### HTML In dieser Gruppe sind sämtliche [HTML](https://www.toujou.de/service/elementbibliothek/html/)-Elemente gelistet. Diese waren bislang unter Widgets zu finden. [ ![Screenshot des toujou-Backends bei der man die Elementgruppe Forms sieht](https://www.toujou.de/_assets/processed/8NQaxmwOKYcF16vrjSPYuDAf2ypGXxfEDpmIwh7QSfE/q:85/c:1765.3333333334:993:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0VsZW1lbnRncnVwcGVfRm9ybXNfMjBjODE4NzBjNw:t/cb:b44fdbcb108ab59720125073c5dba1e368e94c61/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQmxvZy1Db250ZW50LzIwMjUvTmV1ZV9FbGVtZW50X0Fub3JkbnVuZy9FbGVtZW50Z3J1cHBlX0Zvcm1zLnBuZw) ](https://www.toujou.de/fileadmin/Bilder/Blog-Content/2025/Neue_Element_Anordnung/Elementgruppe_Forms.png) #### Forms Unter dieser Elementgruppe sind die Elemente [Login Form](https://www.toujou.de/tutorials/seiteninhalte/frontend-login/#c1008929) für den Frontend Login und [Mailform](https://www.toujou.de/service/elementbibliothek/forms/forms/) für Formulare zu finden. Beide waren zuvor in den Widgets hinterlegt. ### Elemente, die in andere Element-Gruppen gewandert sind [ ![Screenshot des toujou-Backends bei der man die Elementgruppe Widgets mit dem Element Chapter sieht](https://www.toujou.de/_assets/processed/v6vHsfKGA6kVzkO7HcvkLmbLy09R8oh_C-Z81KDUm6E/q:85/c:1765.3333333334:993:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0VsZW1lbnRncnVwcGVfV2lkZ2V0c19taXRfQ2hhcHRlcl9iNDc4ODEwZTgz:t/cb:781099f8ba97b051e8776ba8e8d9c9b34dbbfb6e/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQmxvZy1Db250ZW50LzIwMjUvTmV1ZV9FbGVtZW50X0Fub3JkbnVuZy9FbGVtZW50Z3J1cHBlX1dpZGdldHNfbWl0X0NoYXB0ZXIucG5n) ](https://www.toujou.de/fileadmin/Bilder/Blog-Content/2025/Neue_Element_Anordnung/Elementgruppe_Widgets_mit_Chapter.png) #### Chapter Das [Chapter](https://www.toujou.de/service/elementbibliothek/widgets/chapter/) war bislang unter der Elementgruppe Text gelistet und ist nun im Reiter [Widgets](https://www.toujou.de/service/elementbibliothek/widgets/) zu finden. [ ![Screenshot des toujou-Backends bei der man die Elementgruppe Text sieht](https://www.toujou.de/_assets/processed/YydpmdvXWtcjj-qthVDm6MJ7KopmXaSQsnSzBSbOv_Y/q:85/c:1765.3333333334:993:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0VsZW1lbmdydXBwZV9UZXh0X21pdF9IZWFkbGluZV8wZTA0NzMyMTMy:t/cb:98098920701aea9adf7d07d757906a1f7bc1e457/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQmxvZy1Db250ZW50LzIwMjUvTmV1ZV9FbGVtZW50X0Fub3JkbnVuZy9FbGVtZW5ncnVwcGVfVGV4dF9taXRfSGVhZGxpbmUucG5n) ](https://www.toujou.de/fileadmin/Bilder/Blog-Content/2025/Neue_Element_Anordnung/Elemengruppe_Text_mit_Headline.png) #### Headline Dieses Element ist von der Elementgruppe Headline zur Elementgruppe [Text](https://www.toujou.de/service/elementbibliothek/text-elements/) umgezogen. Die Elementgruppe Headline wird zudem nicht mehr angezeigt. [ ![Screenshot des toujou-Backends bei der man die Elementgruppe Media sieht](https://www.toujou.de/_assets/processed/Yla0hP8W4LgXQ9thERVAVuxIP5xSR8VxlzHA3g_W5mU/q:85/c:1765.3333333334:993:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX0VsZW1lbnRncnVwcGVfTWVkaWFfbWl0X0hlcm9fTWVkaWFfM18xXzRiNGJlNmUzYTU:t/cb:e17a2970584c5a27f11773b8c10152b04ddc616e/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQmxvZy1Db250ZW50LzIwMjUvTmV1ZV9FbGVtZW50X0Fub3JkbnVuZy9FbGVtZW50Z3J1cHBlX01lZGlhX21pdF9IZXJvX01lZGlhXzNfMS5wbmc) ](https://www.toujou.de/fileadmin/Bilder/Blog-Content/2025/Neue_Element_Anordnung/Elementgruppe_Media_mit_Hero_Media_3_1.png) #### Hero Media 3:1 Vormals der eigenen Elementgruppe zugeordnet, ist das Element [Hero Media 3:1](https://www.toujou.de/service/elementbibliothek/media-elements/hero-media-3-1/) nun in [Media](https://www.toujou.de/service/elementbibliothek/media-elements/) zu finden. **Anmerkung**: Diese Auflistung bzw. die Änderungen gelten nicht nur für den Content-Bereich einer Seite im Backend, sondern auch für den Einleitungs- und Abschlussbereich einer Seite. ### Elemente, die nicht mehr neu anlegbar sind Das Element **Headline with text**, das in der Elementgruppe Combinations verortet war, kann nicht mehr neu angelegt werden. Ist das Element im Backend bis dato genutzt worden, bleibt es an der Stelle auch bestehen. Auch das Element **Productgrid** ist im toujou-Backend in den Elementen [Selected Pages as Image Card Collection](https://www.toujou.de/service/elementbibliothek/collections/selected-pages-as-image-card/) beziehungsweise [Filtered Pages as Image Card Collection](https://www.toujou.de/service/elementbibliothek/collections/filtered-pages-as-image-card-collection/) aufgegangen – bei gleicher Verhaltensweise. Elemente im Header-Bereich -------------------------- Im Header-Bereich sind nur ausgewählte Elemente nutzbar. Alle bisherigen Elemente sind weiterhin verfügbar, mitunter aber in anderen Elementgruppen hinterlegt. So sind die Elemente Headercontent element, Headercontent element 3:1, Header content Slider und Header content Slider 3:1 nicht mehr bei Widgets gelistet, sondern in der **neu geschaffenen Elementgruppe** [**Header**](https://www.toujou.de/service/elementbibliothek/header/). Darüber hinaus bleiben auch die Elemente [**Hero Media 3:1**](https://www.toujou.de/service/elementbibliothek/media-elements/hero-media-3-1/) (in neuer Gruppe) und [**Portfolio Gallery**](https://www.toujou.de/service/elementbibliothek/media-elements/portfolio-gallery/) (in der Gruppe Media) wählbar. [ ![Screenshot des toujou-Backends bei der man die Elementgruppe Header sieht](https://www.toujou.de/_assets/processed/mOhNMP1OofiRPNup5r1UU-Vn81AvJJEj_kutvXITJmI/q:85/w:433/h:225/fn:Y3NtX0VsZW1lbnRncnVwcGVfSGVhZGVyX2ltX0hlYWRlcl8yMzFiYTE1NDM4:t/cb:36d0fde1ec621e10c3d02da3752fcf25e6c458c5/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQmxvZy1Db250ZW50LzIwMjUvTmV1ZV9FbGVtZW50X0Fub3JkbnVuZy9FbGVtZW50Z3J1cHBlX0hlYWRlcl9pbV9IZWFkZXIucG5n) Die neue Elementgruppe Header im Headerbereich einer Seite ](https://www.toujou.de/fileadmin/Bilder/Blog-Content/2025/Neue_Element_Anordnung/Elementgruppe_Header_im_Header.png) [ ![Screenshot des toujou-Backends bei der man das Element Event Schedule aussuchen kann](https://www.toujou.de/_assets/processed/FMmQxEZeoEmn5Q3oNmZisccr_rnnvdJ6lOtbsmnP6_0/q:85/w:433/h:225/fn:Y3NtX0VsZW1lbmdydXBwZV9NZWRpYV9pbV9IZWFkZXJfNDhiNDRlM2NmMA:t/cb:1124ef2054ea0e7a31a0b8befdd5df0b928de03e/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQmxvZy1Db250ZW50LzIwMjUvTmV1ZV9FbGVtZW50X0Fub3JkbnVuZy9FbGVtZW5ncnVwcGVfTWVkaWFfaW1fSGVhZGVyLnBuZw) Elementgruppe Media im Headerbereich einer Seite ](https://www.toujou.de/fileadmin/Bilder/Blog-Content/2025/Neue_Element_Anordnung/Elemengruppe_Media_im_Header.png) Element-Ansicht im Backend -------------------------- Neben den neuen Elementgruppen werden die einzelnen Elemente nun im toujou-Backend noch übersichtlicher in der Seitenübersicht dargestellt. Bei Elementen mit Bild-Content wie beispielsweise der Portfolio Gallery oder Four Media, werden alle Medien im Backend direkt angezeigt, ohne dass das entsprechende Element geklickt werden muss. Anwenderinnen und Redakteure erhalten so schneller einen Blick für genutzte Medien. Bei Text-Bild-Elemente wie beispielsweise [Text with media, right beside](https://www.toujou.de/service/elementbibliothek/text-elements/text-with-media-right-beside-image/) genauso wie bei Teaser-Elementen wie z.B. [Cinema Teaser 50% left](https://www.toujou.de/service/elementbibliothek/teaser-elements/cinema-teaser-50-left/) wird zudem die Text-Bild-Anordnung sofort im Backend ersichtlich und vermittelt ein intuitiveres Gefühl für die Element-Darstellung im Frontend. [ ![Screenshot des toujou-Backends bei der man sieht, wie Text und Bild links und rechts angeordnet ist](https://www.toujou.de/_assets/processed/tVdiAc0OCUYPN8TqngjimEDTX7FkKITPcWHo6nFWt20/q:85/w:433/h:224/fn:Y3NtX0VsZW1lbnRhbm9yZG51bmdfbmV1ZV9BbnNpY2h0X2JlaV9DaW5lbWFfVGVhc2VyXzA2YzNlNGM4MTQ:t/cb:8f0a7c56e4bf8a174770e7794c4bd43212ced91b/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQmxvZy1Db250ZW50LzIwMjUvTmV1ZV9FbGVtZW50X0Fub3JkbnVuZy9FbGVtZW50YW5vcmRudW5nX25ldWVfQW5zaWNodF9iZWlfQ2luZW1hX1RlYXNlci5wbmc) Neue Backend-Ansicht mit implizierter Positionierung von Text und Bild ](https://www.toujou.de/fileadmin/Bilder/Blog-Content/2025/Neue_Element_Anordnung/Elementanordnung_neue_Ansicht_bei_Cinema_Teaser.png) [ ![Screenshot des toujou-Backends bei der man alle Bilder eines Slides in der Vorschau sieht](https://www.toujou.de/_assets/processed/Tc9ktiBTevVByAQD4N9Pw9hM-ANap-cxsOxzwKTIRDY/q:85/w:433/h:224/fn:Y3NtX0VsZW1lbnRhbm9yZG51bmdfbmV1ZV9BbnNpY2h0X2JlaV9TbGlkZXJfNzkyNGVhYTZiYw:t/cb:446e9a3be788ac1779084a13dd2035a03299c1fc/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQmxvZy1Db250ZW50LzIwMjUvTmV1ZV9FbGVtZW50X0Fub3JkbnVuZy9FbGVtZW50YW5vcmRudW5nX25ldWVfQW5zaWNodF9iZWlfU2xpZGVyLnBuZw) Neue Backend-Ansicht mit implizierter Vorschau der verwendeten Bilder ](https://www.toujou.de/fileadmin/Bilder/Blog-Content/2025/Neue_Element_Anordnung/Elementanordnung_neue_Ansicht_bei_Slider.png) Unsere neuesten Blogbeiträge ---------------------------- Lesen Sie mehr zu toujou und TYPO3, warum SEO gar nicht so schwer ist, goldene Regeln für die Kommunikation und immer wieder Tipps & Tricks für Ihre Website. [alle Artikel](https://www.toujou.de/blog/) - ![KI-generiertes Bild, das einen Schreibtisch, Stuhl und Laptop zeigt, auf dem Icons zum Thema Website in KI-Zeiten zu sehen sind, im Hintergrund steht ein buntes Bücherregal und ist ein Fenster mit Bäumen zu sehen](https://www.toujou.de/_assets/processed/xtJtyrsvQwAt-hbzUwMBzprckGTm8DeNO6IIy-wTCP0/q:85/w:2671/h:1536/fn:Y3NtX0RyZWktRGluZ2UtZnVlci1XZWJzaXRlcy1pbi1LSS1aZWl0ZW5fOWJlMDE0M2Y5ZQ:t/cb:361f01a06ddc62ad372fe47cbabb7dd9213d32d2/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQmxvZy1Db250ZW50LzIwMjYvRHJlaS1EaW5nZS1mdWVyLVdlYnNpdGVzLWluLUtJLVplaXRlbi5wbmc) Website Qualität Yoast SEO ### 3 wesentliche Dinge für Websites in Zeiten von KI 11.05.2026 Was Websites in Zeiten von weniger Klicks weiter ausmacht. [ Weiterlesen ](https://www.toujou.de/blog/3-wesentliche-dinge-fuer-websites-in-zeiten-von-ki/) - ![](https://www.toujou.de/_assets/processed/QvU-UJAzNrIgLz7ZNWpkh5dPiW1fF96msXEUD2GBaBQ/q:85/c:1418.8116173728:798.08153477218:fp:0.5085:0.49880095923261/rt:force/w:1419/h:798/fn:Y3NtXzE5MjB4ODAwX0hlYWRlcl9FbGVtZW50LWxpYnJhcnlfYmx1ZV9lOGY4MjRmMmU5:t/cb:cc459106fe2c77cfa475a95e8dcdbd7bc3717cbc/bG9jYWw6L2ZpbGVhZG1pbi9CaWxkZXIvQmxvZy1Db250ZW50LzIwMjJfMDdfMjZfaG93X3RvX3RvdWpvdS8xOTIweDgwMF9IZWFkZXJfRWxlbWVudC1saWJyYXJ5X2JsdWUucG5n) Tutorials Website Qualität ### Neue Element-Anordnung 09.02.2026 Neue Gruppen, umgezogene Elemente in andere Gruppen und eine verbesserte Element-Vorschau. Die Neuerungen im toujou-Backend. [ Weiterlesen ](https://www.toujou.de/blog/neue-element-anordnung/)