--- title: "toujou-Systemeinführung: Video-Anleitungen für Ihre neue TYPO3-Website" url: "https://www.toujou.de/service/toujou-video-schulung/" description: In unserer toujou-Video-Schulung finden Sie die allerwichtigsten Schritte, um sich sicher in Ihrem TYPO3-Backend bewegen zu können. image: "https://www.toujou.de/_assets/processed/hnxQ3P05NvgwON7Z94AD5XS63ColssfCI7Gy-y2wlVY/q:85/w:688/h:387/fn:Y3NtXzY4OHgzODdfd29ya3Nob3BfZTkwNzg0MjY3MA:t/cb:66b4f07a3655b97dc71d242aa4304f5e385a1617/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvaXRlbXMvNjg4eDM4N19pdGVtcy82ODh4Mzg3X3dvcmtzaG9wLnBuZw" date: 2020-03-23 modified: 2022-09-27 --- # toujou-Systemeinführung: Video-Anleitungen für Ihre neue TYPO3-Website 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [Video-Schulung](https://www.toujou.de/service/toujou-video-schulung/) toujou-Systemeinführung ----------------------- Video-Anleitungen für Ihre neue toujou-Website ============================================== Alles, was Sie für den Start mit toujou wissen müssen: In dieser Video-Schulung finden Sie die allerwichtigsten Schritte für die Arbeit an und mit Ihrer Website. Die einzelnen Videos ersetzen nicht die Vor-Ort-Schulung, die wir toujou-Anwender\*innen regelmäßig anbieten. Jedoch geben wir Ihnen auf dieser Seite in der von uns vorgeschlagenen Reihenfolge das Werkzeug an die Hand, um sich sicher in Ihrem TYPO3-Backend bewegen zu können. Alle Kapitel führen Sie nach Klick auf den jeweiligen Button zum ausführlichen schriftlichen Tutorial, in dem ggf. auch weitere interessante Videos von Partner jweiland.net Aufschluss über das CMS TYPO3 geben. Für gezielte Fragen, die Ihre individuelle Konfiguration betreffen, steht Ihnen das [toujou-Support-Team](https://www.toujou.de/service/support/) selbstverständlich jederzeit zur Verfügung. [ ![Ein stilvoller Schreibtisch mit einem Monitor, einem ergonomischen Stuhl und einer Lampe, umgeben von einem neutralen Hintergrund.](https://www.toujou.de/_assets/processed/opMsZBIJ-5TSpCHZCaGWMqlxWB3PDWM9G2_PojFeYwk/q:85/c:448:252:fp:0.5:0.5/rt:force/w:400/h:225/fn:Y3NtXzQ0OHgyNTJfZGVzay1vY2tlcl9kOTI5YWJlMWFh:t/cb:b54e90adf95179a4be424c6a618384e092b3ab68/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvRXZlbnRzLzQ0OHgyNTJfZGVzay1vY2tlci5wbmc) ### toujou-Schulungen Sie möchten den ersten Schritt mit toujou nicht alleine gehen? Wir bieten regelmäßig kostenlose Schulungen für Beginner und Fortgeschrittene an. Zu den Schulungen ](https://www.toujou.de/events/toujou-schulungen/) [ ![Ein stilisiertes Symbol eines Kontakts mit einem Telefonhörer, das Kommunikation und Vernetzung darstellt.](https://www.toujou.de/_assets/processed/P_C81UwnTKuov-LY6WUx8WNzMv3amUx6o1pLqpY_1-Y/q:85/c:479:177:fp:0.49895833333333:0.33035714285714/rt:force/w:432/h:160/fn:Y3NtX2NvbnRhY3RfMnhfZmxhY2hfNzY1NDllZjFmNw:t/cb:4b7ead45bf040889e59578cede802018959e5787/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVHV0b3JpYWxzL2NvbnRhY3RfMnhfZmxhY2gucG5n) ](#c1007854) ##### 1 – Kontakt hinterlegen [ ![In der Mitte befindet sich ein rotes Gerät mit einem weißen Fingerabdruck. ](https://www.toujou.de/_assets/processed/v_h0uTOMII7oy_4lRYqH97IMkcm8fTlDeXklvYVxdzY/q:85/c:479:177:fp:0.49895833333333:0.33035714285714/rt:force/w:432/h:160/fn:Y3NtX3RvdWpvdV90aHVtYl8yeF9mbGFjaF84ZjJkMjk0MzRm:t/cb:7e8ebc39ba2f12d7894719b7f1a87cfbf1a12a25/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVHV0b3JpYWxzL3RvdWpvdV90aHVtYl8yeF9mbGFjaC5wbmc) ](#c1009145) ##### 2 – Modul »toujou Theme« [ ![Ein stilisiertes Google-Logo auf einer weißen Plattform, die leicht schräg steht und einen modernen Look vermittelt.](https://www.toujou.de/_assets/processed/QQ7GE-AQz8Jkn1_HsGpS6gSCKY--r9okUPwx5bz8k7o/q:85/c:479:177:fp:0.49895833333333:0.33035714285714/rt:force/w:432/h:160/fn:Y3NtX2dvb2dsZV8yeF9mbGFjaF9mYzc4ODQ2Zjhl:t/cb:c1c1683972cd4d04ef222529ea306f501307339b/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVHV0b3JpYWxzL2dvb2dsZV8yeF9mbGFjaC5wbmc) ](#c1007866) ##### 3 – Tracking [ ![Die Abbildung zeigt grüne Karten mit Wolkensymbol.](https://www.toujou.de/_assets/processed/PXFUE3kth9Vmo4U_NdzxR3Qnkeu8jz_Wjv2sVUrCrqU/q:85/c:479:177:fp:0.49895833333333:0.32678571428571/rt:force/w:432/h:160/fn:Y3NtX2ZpbGVsaXN0XzJ4X2ZsYWNoXzI1OGFhZDAxMGE:t/cb:f625df02a2816895a6eef05a45f0c9eadd033358/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVHV0b3JpYWxzL2ZpbGVsaXN0XzJ4X2ZsYWNoLnBuZw) ](#c1007864) ##### 4 – Modul »Dateiliste« [ ![Ein orangefarbenes Paket mit einem Dokument und einer Lupe darüber, die auf den Inhalt des Pakets hinweisen.](https://www.toujou.de/_assets/processed/QDNjZ1w1UtWvAqrGLKh8uOOzPsdLUl_DjhfQ_hgFebc/q:85/c:479:177:fp:0.49895833333333:0.33035714285714/rt:force/w:432/h:160/fn:Y3NtX3BhZ2VfMnhfZmxhY2hfMDFfYjQ0ZjA5MjE4NA:t/cb:ebf5466b7139ea697a6259ab7dbe85396af2a96a/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVHV0b3JpYWxzL3BhZ2VfMnhfZmxhY2hfMDEucG5n) ](#c1007865) ##### **5 – Seiten/Navigation bearbeiten** [ ![Ein stilisiertes, weißes Quadrat mit einem blauen Muster in der Mitte schwebt über einem hellen Hintergrund.](https://www.toujou.de/_assets/processed/KPf4RO6n3t-TwOcnT-CBsBoQ_QJ7tgxOEixBKrjl4Y4/q:85/c:479:177:fp:0.49895833333333:0.33392857142857/rt:force/w:432/h:160/fn:Y3NtX2Zvcm1zXzJ4XzAxXzExMDg4NGExY2M:t/cb:88ca8c8bfb8ea94fb49119418dcfde6700709470/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVHV0b3JpYWxzL2Zvcm1zXzJ4XzAxLnBuZw) ](#c1007868) ##### **6 – Seiteninhalte bearbeiten** [ ![Eine stilisierte Karte mit einem blauen Icon und bunten Linien ist auf einem einfarbigen Hintergrund platziert, was sie hervorhebt.](https://www.toujou.de/_assets/processed/ETGVPItinkwoguT3e3gjDT6rKgVnYVVEc3EELY8HeWk/q:85/c:479:177:fp:0.49895833333333:0.33392857142857/rt:force/w:432/h:160/fn:Y3NtXzAzX3RlYXNlcl8yeF9lNTk3ZmQ2NWM4:t/cb:b0eddd9d3b6bbfdaf28fb2e9f910ccb48a357794/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvMDNfdGVhc2VyXzJ4LnBuZw) ](#c1007873) ##### 7 – toujou-Elementbibliothek [ ![Icons für Bildbearbeitungswerkzeuge, darunter ein Stift und ein Bildsymbol, auf einem weißen Hintergrund angeordnet.](https://www.toujou.de/_assets/processed/mcP2EJMz5vn7rZ8FUZ4obMiwYU8aiXzkcakTpiH6_sE/q:85/c:479:177:fp:0.49895833333333:0.33035714285714/rt:force/w:432/h:160/fn:Y3NtXzAxX1NlaXRlbmVpZ2Vuc2NoYWZ0ZW5fODYzY2Y3MThjMQ:t/cb:99856ce4f4afc475688394a8777a396550437611/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVHV0b3JpYWxzLzAxX1NlaXRlbmVpZ2Vuc2NoYWZ0ZW4ucG5n) ](#c1007874) ##### 8 – Seiteneigenschaften/SEO 1 – Kontakt hinterlegen ----------------------- Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben In toujou können Sie Ihre Kontaktdaten zentral steuern. Firmenadresse(n), Ansprechpartner und Abteilungen werden hier einmal eingetragen und lassen sich anschließend überall als Seitenelement integrieren. Springen Sie für die entsprechende Anleitung bitte zu **Minute 6'00"**. [zum ausführlichen Tutorial: toujou Contact | Overview](https://www.toujou.de/tutorials/kontakte-anlegen/) --- 2 – Modul »toujou Theme« ------------------------ Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben ### 2.1 – Reiter: Theme In dieser Sektion steuern Sie das Design sowie grundlegende Einstellungen Ihrer Website. [zum ausführlichen Tutorial: Theme Settings](https://www.toujou.de/service/toujou-setup/theme-bearbeiten/) Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben ### 2.2 – Reiter: Logo In diesem Theme-Abschnitt hinterlegen Sie Ihr Logo und legen die Beschaffenheit und Einsatz Ihres Logos bzw. Versionen davon fest [zum ausführlichen Tutorial: Logo Settings ](https://www.toujou.de/service/toujou-setup/logo-hochladen/) Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben ### 2.3 – Reiter: Font Hier bestimmen Sie die Schriftarten für Headlines und Fließtext sowie deren Gewichtung innerhalb Ihrer Website. [zum ausführlichen Tutorial: Font Settings](https://www.toujou.de/service/toujou-setup/font-bestimmen/) Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben ### 2.4 – Reiter: Color In diesem Theme-Abschnitt finden Sie alle Einstellungen, um Ihre Website mithilfe von Farben unverwechselbar zu gestalten. [zum ausführlichen Tutorial: Color Settings](https://www.toujou.de/service/toujou-setup/farben-festlegen/) Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben ### 2.5 – Reiter: Social Media In dieser Sektion bündeln Sie zentral Ihre Social Media-Kanäle. [zum ausführlichen Tutorial: Social Media Settings](https://www.toujou.de/service/toujou-setup/social-media/) Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben ### 2.6 – Reiter: Analytics Hier verbinden Sie Ihre Website mit diversen Monitoring-Tools. Das setzt ein wenig Wissen und Erfahrung im Umgang mit diesen Tools voraus. [zum ausführlichen Tutorial: Analytics Settings](https://www.toujou.de/service/toujou-setup/analytics/) Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben ### 2.7 – Reiter: Data Protection Hier steuern Sie die sichtbaren Checkboxen für Cookies und das Tracking sowie den Link zu Ihren Datenschutzrichtlinien. [zum ausführlichen Tutorial: Data Protection Settings](https://www.toujou.de/service/toujou-setup/font-bestimmen/) Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben ### 2.8 – Reiter: Website Overlay Hier steuern Sie Seiteneinblendungen, die Besuchern beim Aufrufen Ihrer Website über dem eigentlichen Inhalt angezeigt werden sollen. [zum ausführlichen Tutorial: Website Overlay Settings](https://www.toujou.de/service/toujou-setup/website-overlay/) --- 3 – Tracking ------------ Um das Optimum aus Ihrer Online-Präsenz zu holen, raten wir Ihnen dazu, für die gängigen Analyse-Tools von Google und/oder Bing Accounts einzurichten. Damit beobachten Sie das Suchverhalten von potentiellen Besucher\*innen und analysieren die Bewegungen der Website-Besucher\*innen, die Sie schon gewonnen haben. **Selbstverständlich ist dieser Bearbeitungsschritt optional und auch anderer Stelle noch sinnvoll**. Je früher die Suchmaschinen jedoch von Ihrer Website wissen, umso früher erhalten Sie verwertbare Daten. Die generierten Codes tragen Sie dazu einfach im toujou-Theme-Modul ([Reiter »Analytics«](#c1007861)) ein. [Website der Search Console hinzufügen ↗](https://support.google.com/webmasters/topic/9455938?hl=de&ref_topic=4558844) [Google-Analytics-Konto anlegen ↗](https://support.google.com/analytics/answer/1009694?hl=de) [Bing Webmaster Tools einrichten ↗](https://www.bing.com/toolbox/webmaster/?cc=de) --- 4 – Modul »Dateiliste« ---------------------- In toujou finden Sie nach TYPO3-Prinzipien hinterlegte Verzeichnisstrukturen vor, die Sie Ihren Bedürfnissen entsprechend anpassen und bestücken können. Hier erläutern wir Ihnen neben dem Umgang mit Bildern, Videos und Dateien das Hochladen und Bearbeiten Ihrer Files. [zum ausführlichen Tutorial: Dateiliste](https://www.toujou.de/tutorials/dateiliste/) --- 5 – Seiten/Navigation bearbeiten -------------------------------- Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben Lernen Sie, Seiten in toujou anzulegen, umzubenennen und zu löschen.Wir erklären Ihnen die Seitentypen und die Hierarchie-Ebenen Ihrer Navigation. [zum ausführlichen Tutorial: Seiten/Navigation bearbeiten](https://www.toujou.de/tutorials/seiten-anlegen/) --- **6 – Seiteninhalte bearbeiten** -------------------------------- Lernen Sie, wie man mit dem **Texteditor** und dem **Bildeditor** in toujou arbeitet sowie, wie man **Formulare anlegt**. Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben ### **6.1 – Der Rich Text Editor** Überschriften und ihre Auszeichnung, Texte, Aufzählungen und Tabellen, Stile und Schriftgrößen, Buttons und Verlinkungen – um Ihrer redaktionellen Arbeit Format zu verleihen, sollten Sie den Umgang mit dem Texteditor in TYPO3 beherrschen. [zum ausführlichen Tutorial: Textbearbeitung](https://www.toujou.de/tutorials/seiteninhalte/textbearbeitung/) Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben ### **6.2 –** Bildauschnitt verändern Hier lernen Sie die Arbeit mit dem Bildeditor für eine Standardeinstellung kennen. In toujou kann die Bildbearbeitung für vier Endgeräte bestimmt werden. [zum ausführlichen Tutorial: Bildbearbeitung](https://www.toujou.de/tutorials/seiteninhalte/bildbearbeitung/) ### 6.3 – Formulare anlegen In toujou steht Ihnen das TYPO3-Modul für Formulare in vollem Umfang zur Verfügung. [zum ausführlichen Tutorial: Formulare](https://www.toujou.de/tutorials/seiteninhalte/formulare-anlegen/) Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben #### Kontakt-Formular bearbeiten Das in toujou mitgelieferte Formular für die Kontaktaufnahme bearbeiten. Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben #### Neues Formular erstellen Wie Sie ein individuelles Formular erstellen und worauf Sie für die Funktionalität achten müssen. --- 7 – toujou-Elementbibliothek ---------------------------- In der umfangreichen toujou-Elementbibliothek finden Sie alle Elemente, die Sie für Ihre Website einsetzen können. Seien Sie dabei kreativ! Die **Beispielansichten** dienen Redakteur:innen zur Inspiration und helfen bestenfalls bei der schnellen Auswahl des für Ihren Content geeigneten Elements. Für jedes der 150+ Elemente haben wir jeweils eine schriftliche **Anleitung** für deren Einsatz sowie die jeweilige Beschreibung von etwaigen **Besonderheiten** und des **Darstellungsverhaltens** in verschiedenen Endgeräten vorbereitet. [zu den Elementgruppen](https://www.toujou.de/service/elementbibliothek/) --- 8 – Seiteneigenschaften/SEO --------------------------- Um externe HTML-Inhalte anzuzeigen, benötigen wir Ihre Einwilligung. Weitere Informationen finden Sie in unserer [ Datenschutzerklärung. ](https://www.toujou.de/datenschutz/) Einmal erlauben Immer erlauben In toujou steuern Sie Eigenschaften und Werte Ihrer Inhaltsseite nach TYPO3-Prinzipien. In diesem Video wird ein besonderes Augenmerk auf die Reiter *Allgemein*, *SEO* und *Soziale Medien* in Ihrer toujou-Installation gelegt. [zum ausführlichen Tutorial: Seiteneigenschaften](https://www.toujou.de/tutorials/seiteneigenschaften/) --- Weitere Tutorials ----------------- Für den Abschluss der Arbeit an Ihrer Website stehen Ihnen weitere Schritte offen, die ebenfalls als optional zu betrachten sind. Gerade für Marketing- und SEO-Verantwortliche ist die **Prüfung des Responsive-Verhaltens** Ihrer Website, die **Suchmaschinenoptimierung Ihrer wichtigsten Unterseiten** sowie die **Erhaltung gut rankender Links mittels Redirects** unerlässlich. Da nicht für alle dieser Schritte Video-Anleitungen zur Verfügung stehen, haben wir hier die Links zu den entsprechenden Tutorials bereitgestellt. ### 9 – Responsive-Check Ihrer Website Wir erklären Ihnen den Umgang mit dem Anzeigen-Modul und erläutern, wie Sie die Performance Ihrer Website prüfen und gegebenenfalls optimieren können. [zum Tutorial](https://www.toujou.de/tutorials/responsive-mobile-first/) ### **10 – Yoast SEO** Mit Yoast SEO prüfen und optimieren Sie Schritt für Schritt jede Seite Ihrer gesamten Website. Hierbei geht es nur partiell um die oben erläuterten Seiteneigenschaften. [zum Tutorial](https://www.toujou.de/tutorials/yoast-seo/) ### **Extra: Redirects setzen** In diesem Tutorial erläutern wir Ihnen, wie Sie Weiterleitungen, sog. »Redirects«, mithilfe des in TYPO3-Version 9 LTS eingeführten Moduls setzen. [zum Tutorial](https://www.toujou.de/tutorials/redirects/)