--- title: "Frontend Editing mit TYPO3 | zottermedia GmbH" url: "https://www.zottermedia.ch/blog/frontend-editing-mit-typo3-inhalte-direkt-in-der-website-bearbeiten" description: Bearbeite Inhalte direkt in deiner TYPO3-Website. Der Visual Editor macht Frontend Editing möglich. image: /fileadmin/_processed_/c/4/csm_Frontend-Editing-TYPO3_zottermedia-Typo3-Agentur_953dc248b4.png date: 2026-10-23 modified: 2026-11-04 categories: - Websites site: zottermedia gmbh --- # Frontend Editing mit TYPO3 | zottermedia GmbH Frontend Editing mit TYPO3: Inhalte direkt in der Website bearbeiten ==================================================================== Kennst du das? Du willst eine Überschrift ändern. Du öffnest das Backend, suchst die richtige Seite, öffnest das Inhaltselement, änderst den Text und prüfst danach in der Vorschau, ob alles passt. Das kostet Zeit. Mit Frontend Editing geht es einfacher: Du bearbeitest Inhalte direkt dort, wo sie später auch erscheinen. ![](https://www.zottermedia.ch/fileadmin/_processed_/8/0/csm_VL_UNT_ZOTTER_848676_1d14cfb210.jpg) **Daniel Kempf** Veröffentlicht am 02. November 2026 ![Frontend Editing mit TYPO3](https://www.zottermedia.ch/fileadmin/_processed_/c/4/csm_Frontend-Editing-TYPO3_zottermedia-Typo3-Agentur_216ee148d8.webp "Frontend Editing mit TYPO3") Was ist Frontend Editing? ------------------------- Beim Frontend Editing arbeitest du nicht mehr hauptsächlich in Formularen. Du klickst auf einen Text auf der Website, änderst ihn und siehst das Ergebnis sofort im Layout. So erkennst du schnell, ob eine Überschrift zu lang ist oder ob ein Text gut zum Design passt. In TYPO3 gibt es dafür die Extension visual\_editor. Sie wird von der FriendsOfTYPO3 Community entwickelt und wurde im März 2026 vorgestellt. Die Extension ist noch jung, wird aber aktiv weiterentwickelt. Was kann der Visual Editor? --------------------------- - Texte direkt bearbeiten: Ein Klick auf einen Text genügt. - Inhaltselemente verschieben: Per Drag-and-drop bringst du Elemente an die gewünschte Position. - Inhaltselemente hinzufügen, kopieren und löschen. - Bearbeitbare Bereiche anzeigen: Mit der Funktion Spotlight siehst du, was du ändern kannst. Mit «Leere anzeigen» werden auch leere Felder sichtbar. - Mehrsprachigkeit: Ab TYPO3 14 kannst du Sprachversionen einer Seite nebeneinander öffnen und vergleichen. - Speichern: Du speicherst Änderungen manuell oder mit Autosave. Die bekannten TYPO3-Berechtigungen und Freigabeprozesse gelten weiterhin. ![Screenshot des Bearbeitungsmodus mit Spotlight](https://www.zottermedia.ch/fileadmin/_processed_/0/b/csm_TYPO3-Bearbeitungsmodus-mit-Spotlight_c039071c79.webp "Screenshot des Bearbeitungsmodus mit Spotlight") Screenshot des Bearbeitungsmodus mit Spotlight Für wen ist das sinnvoll? ------------------------- Frontend Editing lohnt sich besonders für Teams und Redakteure, die Inhalte regelmässig anpassen: - Redakteure, die viele Seiten pflegen - Redaktionen die Kunden-Websites warten - Marketingteams, die Kampagnenseiten schnell ändern - Teams mit mehrsprachigen Websites, die Übersetzungen direkt vergleichen möchten - Organisationen, die weniger Zeit im Backend verbringen wollen «Wer nur schnell Titel und Text anpassen möchte, ist mit dem Frontend Editing bestens bedient. Da die Kontrolle gemachter Anpassungen sofort ersichtlich sind.» ![Daniel Kempf, Web Developer & Projektleiter und TYPO3-Experte | zottermedia GmbH](https://www.zottermedia.ch/fileadmin/_processed_/8/0/csm_VL_UNT_ZOTTER_848676_3382aff78d.webp "Daniel Kempf, Web Developer & Projektleiter und TYPO3-Experte | zottermedia GmbH") **Daniel Kempf** Web Developer & Projektleiter Vorteile von Frontend Editing ----------------------------- | **Bisher im Backend** | **Neu Frontend Editing** | |---|---| | - Formular öffnen, Text ändern, Vorschau prüfen - Seitenbaum durchsuchen, Elemente sortieren - Übersetzungen einzeln öffnen - Darstellung erst in der Vorschau prüfen | - Text direkt auf der Seite ändern - Elemente per Drag-and-drop verschieben - Sprachen nebeneinander vergleichen - Darstellung sofort sehen | ![Redaktionsansicht mit Frontend Editing](https://www.zottermedia.ch/fileadmin/_processed_/d/b/csm_TYPO3-Frontend-Editing_Nachher-Vergleich_9c52e21d74.webp "TYPO3 Frontend Editing") Redaktionsansicht mit Frontend Editing (Editor-Mode). ![Redaktionsansicht ohne Frontend Editing](https://www.zottermedia.ch/fileadmin/_processed_/1/8/csm_TYPO3-Frontend-Editing_Vorher-Vergleich_9131f90c23.webp) Redaktionsansicht ohne Frontend Editing (Layout Mode). Technische Voraussetzungen -------------------------- Der Visual Editor unterstützt TYPO3 Version 13 und 14. Die Extension läuft ab PHP 8.2. Ältere TYPO3 Websites können mit einem Upgrade versehen werden, was zusätzlich auch deren Betrieb und Sicherheit für die Zukunft sicherstellt. Weiterführende Informationen findest du dazu unter [TYPO3 Upgrade verstehen](https://www.zottermedia.ch/blog/typo3-upgrade-verstehen-warum-abwarten-keine-option-mehr-ist). ### Nachrüsten auf bestehenden Websites Auch bestehende Websites lassen sich nachrüsten. Wie das geht und was das bedeutet bedingt eine Machbarkeitsabklärung, die wir gerne für dich ausführen. Interessiert? Wenn ja, kannst du uns gerne dazu anfragen: [Anfrage für Machbarkeit](https://www.zottermedia.ch/kontakt) Häufig gestellte Fragen zu Frontend Editing mit TYPO3 ----------------------------------------------------- ### Welchen Mehrwert bietet mir Frontend Editing? Du sparst Zeit bei Änderungen, siehst das Ergebnis sofort und vermeidest Darstellungsfehler. Besonders bei kleinen Korrekturen zeigt sich der Vorteil. ### Kann ich das mit meinem bisherigen TYPO3-Benutzer anwenden? Ja, der Visual Editor arbeitet mit den bekannten TYPO3-Berechtigungen. Deine Rechte werden erweitert, dass du mit Frontend Editing arbeiten darfst. ### Können mehrere Sprachen nebeneinander bearbeitet werden? Ja, ab TYPO3 14 kannst du Sprachversionen einer Seite nebeneinander öffnen und direkt bearbeiten. ### Kann ich Frontend Editing selbst aktivieren? Die Aktivierung und die Vorbereitung der Templates übernehmen in der Regel die Web-Entwickler. Danach kannst du die Funktionen direkt nutzen. Wir klären gern, was bei deiner Website nötig ist. ### Erhalte ich eine Kurzschulung? Ja, auf Wunsch zeigen wir dir oder deinem Team die Bedienung in einer kurzen Schulung. Dies kann auch in einer allgemeinen TYPO3 CMS Kurzschulung stattfinden. Lass es uns wissen, wenn du daran interessiert bist. Jetzt Vorabklärung anfragen --------------------------- Du möchtest wissen, ob deine Website bereit für Frontend Editing ist? Dann melde dich bei uns. [ Per E-Mail ](mailto:mail@zottermedia.ch "Per E-Mail") [ 041 618 84 12 ](tel:+41416188412 "041 618 84 12") ![](https://www.zottermedia.ch/fileadmin/_processed_/8/0/csm_VL_UNT_ZOTTER_848676_9f8e66fdd4.jpg) ### Über Daniel Kempf Als Web Developer und Projektleiter bei zottermedia entwickle ich individuelle TYPO3-Websites und digitale Lösungen für unsere Kunden. Hier gebe ich Einblicke in technische Hintergründe, aktuelle Entwicklungen und Best Practices aus der Webentwicklung. [Zurück zur Übersicht](https://www.zottermedia.ch/blog/) Weitere Blogbeiträge -------------------- [![](https://www.zottermedia.ch/fileadmin/_processed_/9/f/csm_VL_UNT_ZOTTER_849640_f1234e00e0.webp "SEO Trends 2026 für KMU: Warum viele Websites an Wirkung verlieren und wie du wieder mehr Anfragen gewinnst | zottermedia") #### SEO Trends 2026: Was sich wirklich ändert und warum viele Websites an Wirkung verlieren Website-Besucher lesen kurz die Inhalte, scrollen und verlassen die Seite wieder, ohne eine Anfrage zu stellen. Genau \[...\]](https://www.zottermedia.ch/blog/seo-trends-2026-was-sich-wirklich-aendert-und-warum-viele-websites-an-wirkung-verlieren) [![](https://www.zottermedia.ch/fileadmin/_processed_/2/d/csm_Webdesign-Trends-2026_zottermedia-Webagentur_43d76c0a2c.webp "Webdesign Trends 2026: Dein Website Relaunch | zottermedia") #### Webdesign Trends 2026: So wird dein Website Relaunch zum Erfolg Wer heute im Netz nach einem Partner oder einer Dienstleistung sucht, entscheidet oft in Sekunden. Ein veraltetes Layout \[...\]](https://www.zottermedia.ch/blog/webdesign-trends-2026-so-wird-dein-website-relaunch-zum-erfolg) [![](https://www.zottermedia.ch/fileadmin/_processed_/0/3/csm_VL_UNT_ZOTTER_847745_16884418fd.webp "Warum TYPO3 für KMU-Websites die sicherste Wahl ist | zottermedia GmbH") #### TYPO3 als sicheres CMS für Firmenwebsites - Bestätigt durch NCSC-Sicherheitsbericht Viele KMU unterschätzen, wie angreifbar und verletzlich ihre Firmenwebsite ist. Das Nationale Zentrum für \[...\]](https://www.zottermedia.ch/blog/typo3-als-sicheres-cms-fuer-firmenwebsites-bestaetigt-durch-ncsc-sicherheitsbericht)