--- title: "Tutorials: toujou set-up for individual webdesign – this is toujou." url: "https://www.toujou.com/service/toujou-set-up/" description: Make your toujou website your own TYPO3 website. An overview of the offered settings and the order in which we reccomend to edit them. date: 2019-01-09 modified: 2022-09-27 --- # Tutorials: toujou set-up for individual webdesign – this is toujou. 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [toujou set-up](https://www.toujou.de/service/toujou-set-up/) Working with toujou =================== toujou set-up ------------- Seven big steps for your website: Theme, logo, font, color, social media, analytics and privacy. This is where you define and update the basics for the appearance and the behaviour of your website. Optional: CSS adjustments and page overlays for your individual needs. In this tutorial you follow the links to the respective set-up topic in the order that is already given in your toujou back end. ![Ein rotes Quadrat mit einem weißen Fingerabdrucksymbol in der Mitte, das Sicherheit und Identifikation symbolisiert.](https://www.toujou.de/_assets/processed/VW7ESyikHVmaSDMI3J56P9W8g_AMm9gSvf3u2UB_gGQ/q:85/w:400/h:100/fn:Y3NtX3RvdWpvdV9UaGVtZV9iNTczOWRlZDA2:t/cb:3b517377e2aa3cf0a2088196f9a2889fc79a98f7/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvdG91am91X1RoZW1lLnBuZw) ### Your design On the left side of the menu of your TYPO3 back end you will find the red toujou Theme icon. Click on it and a set-up menu with different tabs will be opened. All toujou settings --------------------- [ ![Grafische Darstellung von einem Website Theme mit verschiedenen Farben und Layouts im Vordergrund.](https://www.toujou.de/_assets/processed/d9ugBUJAb_ZUwIJGxi8VH835ZrYyMH2hZhO1IIJiQlE/q:85/w:432/h:252/fn:Y3NtX1RvdWpvdV90aGVtZV9mbGFjaF8wMV81NzgyYTdmNjJk:t/cb:306fb809ad286942a4ca4f79e1904b1801103e53/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVGhlbWUtU2V0dXAvVG91am91X3RoZW1lX2ZsYWNoXzAxLnBuZw) ](https://www.toujou.de/service/toujou-set-up/theme-settings/) #### [Theme](https://www.toujou.de/service/toujou-set-up/theme-settings/) Which layout are you going to choose and how do you use it for your purposes? [see tutorial](https://www.toujou.de/service/toujou-set-up/theme-settings/) [ ![Ein stilisiertes Bild zeigt das orangefarbene TYPO3 Logo](https://www.toujou.de/_assets/processed/9OZieAJ8vx5vQAmyh4hLoEn4-zK-91Sfb5nbrz5iDiQ/q:85/w:432/h:252/fn:Y3NtX1RvdWpvdV9sb2dvX2ZsYWNoXzAxX2I4ZmI2NjA3YmE:t/cb:e6add02905b491d48ca988b9a57e19678cf4a019/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVGhlbWUtU2V0dXAvVG91am91X2xvZ29fZmxhY2hfMDEucG5n) ](https://www.toujou.de/service/toujou-set-up/logo-settings/) #### [Logo](https://www.toujou.de/service/toujou-set-up/logo-settings/) A set-up for you to save different logos for different functions. [see tutorial](https://www.toujou.de/service/toujou-set-up/logo-settings/) [ ![Ein stilisiertes Bild, das Schriftart in einem modernen, digitalen Layout darstellt.](https://www.toujou.de/_assets/processed/GoA6BdzzE7E8x6HzLW4UW8GMSXEGzfWn-zWfT_DNpNs/q:85/w:432/h:252/fn:Y3NtX1RvdWpvdV9mb250X2ZsYWNoXzAxXzdjNWZhYWViZWE:t/cb:239efab7f6c2f70438952d6caf2f7b70cc07a2d8/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVGhlbWUtU2V0dXAvVG91am91X2ZvbnRfZmxhY2hfMDEucG5n) ](https://www.toujou.de/service/toujou-set-up/font-settings/) #### [Font](https://www.toujou.de/service/toujou-set-up/font-settings/) A selection of carefully pre-set font sets or custom Google fonts. [see tutorial](https://www.toujou.de/service/toujou-set-up/font-settings/) [ ![Ein bunter Farbpalette mit verschiedenen Farbtönen, die auf einem weißen Hintergrund angeordnet sind, zeigt kreative Möglichkeiten.](https://www.toujou.de/_assets/processed/vlI4nU7VLhFfgb0kwFFjD6QIOTZfXPEdQwOwMoiyEh8/q:85/c:480:270:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX1RvdWpvdV9jb2xvcl9mbGFjaF8wMV8xM2RkYTA1ZTcw:t/cb:6e5e0f605e8699928c911959b5f0981b611af1bb/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVGhlbWUtU2V0dXAvVG91am91X2NvbG9yX2ZsYWNoXzAxLnBuZw) ](https://www.toujou.de/service/toujou-set-up/color-settings/) #### [Color](https://www.toujou.de/service/toujou-set-up/color-settings/) This is where you translate your corporate design into your website design. [see tutorial](https://www.toujou.de/service/toujou-set-up/color-settings/) [ ![Ein stilisiertes Bild zeigt eine Box mit einem Symbol, das einen Social Media Bild darstellen soll.](https://www.toujou.de/_assets/processed/rZNOaG02X30KVHnAF0nZ7-dD-QBd04hSSNMoRfcqnaw/q:85/c:480:270:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX1RvdWpvdV9zb2NpYWxfZmxhY2hfYTI4NDMzOTllZA:t/cb:dc6d8551545e6f0c2d3dbd7e6f181193b8f91f70/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVGhlbWUtU2V0dXAvVG91am91X3NvY2lhbF9mbGFjaC5wbmc) ](https://www.toujou.de/service/toujou-set-up/social-media-settings/) #### [Social Media](https://www.toujou.de/service/toujou-set-up/social-media-settings/) Set your social links for your social media content strategy. [see tutorial](https://www.toujou.de/service/toujou-set-up/social-media-settings/) [ ![Ein stilisiertes Papier, auf dem eine Grafik zu sehen ist auf der ein Chart nach oben zeigt. ](https://www.toujou.de/_assets/processed/SnjAWvnkY18b2kQPKh6PqZSnmapUIXkZhW2kuw-Fryw/q:85/c:480:270:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX1RvdWpvdV9hbmFseXRpY3NfZmxhY2hfMDFfMmY4MDMxZjM0Nw:t/cb:4e746c7370f69f2b67b1cdb63279a8bd449c6114/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVGhlbWUtU2V0dXAvVG91am91X2FuYWx5dGljc19mbGFjaF8wMS5wbmc) ](https://www.toujou.de/service/toujou-set-up/analytics-settings/) #### [Analytics](https://www.toujou.de/service/toujou-set-up/analytics-settings/) Connect your website with various monitoring tools, especially the Google Search Console. [see tutorial](https://www.toujou.de/service/toujou-set-up/analytics-settings/) [ ![Abstrakte Illustration von IT-Infrastruktur, die verschiedene Geräte und Verbindungen in einem klaren, minimalistischen Stil darstellt.](https://www.toujou.de/_assets/processed/f6NgXwFCdM3hhwJg4LaRuF5n-DtKRg0cCWQgV9ObQBE/q:85/c:480:270:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX1RvdWpvdV9kYXRhcHJvdGVjdGlvbl9mbGFjaF8wMV81ODk4NmFmYTY1:t/cb:f83ef59bbaa8b9d9748987715b4e839eae435ef7/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVGhlbWUtU2V0dXAvVG91am91X2RhdGFwcm90ZWN0aW9uX2ZsYWNoXzAxLnBuZw) ](https://www.toujou.de/service/toujou-set-up/data-protection-settings/) #### [Data protection](https://www.toujou.de/service/toujou-set-up/data-protection-settings/) Set-up your cookie window to inform your visitors about the privacy policy. [see tutorial](https://www.toujou.de/service/toujou-set-up/data-protection-settings/) ![Zwei stilisierte Logos, eines in Rot mit 'CSS' und das andere in Blau mit 'M', auf einem weißen Hintergrund angeordnet.](https://www.toujou.de/_assets/processed/9MooyzyQ4jukCR7GOHqABMQfPJrXmMIj4kqlgD22j2g/q:85/c:480:270:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX1RvdWpvdV9jc3NfZmxhY2hfNDc4NDE4Y2NjMg:t/cb:6bc23f88cf9fb481ca4484323519860a42ddfe20/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVGhlbWUtU2V0dXAvVG91am91X2Nzc19mbGFjaC5wbmc) #### Customize Template Give your toujou installation an individual coating. Only for professionals! [Contact us!](mailto:service@toujou.de) [ ![Ein kreatives Design-Setup mit zwei aufeinanderliegenden Quadraten die eine Overlay Funktion auf einer Website darstellen](https://www.toujou.de/_assets/processed/e4k6cAh2mG2S0PNHJsaR8H8KlyusSicqk14V2IMfP_c/q:85/c:480:270:fp:0.5:0.5/rt:force/w:432/h:243/fn:Y3NtX1RvdWpvdV9vdmVybGF5X2ZsYWNoXzU4NzFlOTdlZDg:t/cb:42696c6d90693c1f57050840a0f70da716627b91/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvVGhlbWUtU2V0dXAvVG91am91X292ZXJsYXlfZmxhY2gucG5n) ](https://www.toujou.de/service/toujou-set-up/website-overlay/) #### [Website Overlay](https://www.toujou.de/service/toujou-set-up/website-overlay/) Control page overlays for promotion periods and/or age-restricted sites. [see tutorial](https://www.toujou.de/service/toujou-set-up/website-overlay/) ##### Tutorials [Checklist ❯](https://www.toujou.de/service/#c1004820) [Contact data ❯ ](https://www.toujou.de/service/tutorials/contact-data/) [File list ❯ ](https://www.toujou.de/service/tutorials/file-list-module/) [Edit navigation ❯ ](https://www.toujou.de/service/tutorials/pages-navigation/) [Edit page content ❯ ](https://www.toujou.de/service/tutorials/page-content/) [Edit page properties ❯](https://www.toujou.de/service/tutorials/page-properties/) [Responsive & mobile first ❯](https://www.toujou.de/service/tutorials/responsive-mobile-first/) [Yoast SEO ❯ ](https://www.toujou.de/service/tutorials/yoast-seo/) [Redirects ❯ ](https://www.toujou.de/service/tutorials/redirects/) [Blog administration ❯](https://www.toujou.de/service/tutorials/blog-administration/) [Linkvalidator ❯](https://www.toujou.de/service/tutorials/blog-administration/) ##### toujou set-up [Theme ❯ ](https://www.toujou.de/service/toujou-set-up/theme-settings/) [Logo ❯ ](https://www.toujou.de/service/toujou-set-up/logo-settings/) [Font ❯ ](https://www.toujou.de/service/toujou-set-up/font-settings/) [Color ❯ ](https://www.toujou.de/service/toujou-set-up/color-settings/) [Social media ❯ ](https://www.toujou.de/service/toujou-set-up/social-media-settings/) [Analytics ❯](https://www.toujou.de/service/toujou-set-up/analytics-settings/) [Data protection ❯](https://www.toujou.de/service/toujou-set-up/data-protection-settings/) [Website overlay ❯](https://www.toujou.de/service/toujou-set-up/website-overlay/) ##### toujou element library [Text elements ❯ ](https://www.toujou.de/service/element-library/text-elements/) [Teaser elements ❯ ](https://www.toujou.de/service/element-library/teaser-elements/) [Blockquotes ❯ ](https://www.toujou.de/service/element-library/blockquote-elements/) [Teaser cards ❯ ](https://www.toujou.de/service/element-library/card-elements/) [Media elements ❯ ](https://www.toujou.de/service/element-library/media-elements/) [Map elements ❯ ](https://www.toujou.de/service/element-library/map-elements/) [Blog elements ❯](https://www.toujou.de/service/element-library/blog-elements/) #### [Navigation elements ❯ ](https://www.toujou.de/service/element-library/navigation-elements/) [Widgets ❯ ](https://www.toujou.de/service/element-library/widgets/) [Headline element ❯ ](https://www.toujou.de/service/element-library/text-elements/headline-element/) [Combined elements ❯](https://www.toujou.de/service/element-library/combined-elements/)