--- title: Quicklinks für Ihre Website –mit toujou url: "https://www.toujou.de/tutorials/quicklinks/" description: "Schritt für Schritt zu den Quicklinks im toujou-Backend. Tutorial mit │✓ Anleitung│✓ Beispielansicht │✓ Tipps & Tricks" date: 2026-04-28 modified: 2026-04-30 --- # Quicklinks für Ihre Website –mit toujou 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [Tutorials](https://www.toujou.de/tutorials/) 4. [Quicklinks](https://www.toujou.de/tutorials/quicklinks/) Arbeiten mit toujou: -------------------- **Quicklinks** ============== In toujou können Sie für Ihre Website sogenannte Quicklinks erstellen. Das sind Verlinkungen, die via Icon auf Ihrer gesamten Website erscheinen. So können Sie interne Verlinkungen (z.B. Kontakt o.ä.) und externe Verlinkungen (z.B. Social Media) präsent positionieren. Für die Nutzung der Links sind Ihrer Kreativität keine Grenzen gesetzt. Wir erläutern Ihnen, wie Sie vorgehen und auf was Sie achten sollten. [Beispielansicht](#c1019632) [Anleitung](#c1019569) [Hinweise, Tipps & Tricks](#c1019562) [Verknüpfte Elemente](#c1019560) ### Quicklinks für Ihre Website Quicklinks erstellen Sie über die Listenansicht des Backends mit einem neuen Datensatz. Diese werden auf der gesamten Website angezeigt an der Position, die Sie definiert haben. --- Beispielansicht --------------- ![Screenshot einer Website, auf der mehrere Menschen in bunten Sesseln sitzen und sich die Hand reichen. Am rechten Rand sind zwei Quicklinks eingeramt](https://www.toujou.de/_assets/processed/fhI3Vu79SfZSjevYuiJgRORJBDw0etiqEY9MXC8_0lc/q:85/w:433/h:243/fn:Y3NtX3F1aWNrbGlua3MtYmVpc3BpZWxlXzZhMmNjYTMwMGQ:t/cb:bc4fedfb05d5eedcf2846e9322c814796714b05b/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzE5X3F1aWNrbGlua3MvcXVpY2tsaW5rcy1iZWlzcGllbGUucG5n) --- Schritt für Schritt ------------------- [ ![](https://www.toujou.de/_assets/processed/Rm-2mmGZUM1l_uXhrlHM_Ux2CvEU7M9sx5wFOCGd_DI/q:85/c:2500:1404.4943820225:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtX3F1aWNrbGlua3MtZGF0ZW5zYXR6LWVyc3RlbGxlbl85M2E1Yzk5YWMx:t/cb:3cfe93eacb962a4c85dc35dc8bf8ee9bf8d711ee/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzE5X3F1aWNrbGlua3MvcXVpY2tsaW5rcy1kYXRlbnNhdHotZXJzdGVsbGVuLnBuZw) ](https://www.toujou.de/_assets/processed/nmOn9x5Bj4gHTQDEAGZ-3jqL3qV5Ve1aI5am653v0MU/q:85/w:1024/h:576/fn:Y3NtX3F1aWNrbGlua3MtZGF0ZW5zYXR6LWVyc3RlbGxlbl8zNTBiMzViZTFk:t/cb:3cfe93eacb962a4c85dc35dc8bf8ee9bf8d711ee/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzE5X3F1aWNrbGlua3MvcXVpY2tsaW5rcy1kYXRlbnNhdHotZXJzdGVsbGVuLnBuZw) ### Datensatz erstellen - Stellen Sie sicher, dass Sie die **Listenansicht** in der Modulleiste angewählt haben. - Wählen Sie im Seitenbaum die **Root Page** (Seite mit Globus-Icon). - Klicken Sie anschließend den Button **+ Neuen Datensatz erstellen**. - Es öffnet sich eine neue Seite mit der Datensatz-Auswahl. Klicken Sie unter *Inhalt* auf **Link Collection**. [ ![](https://www.toujou.de/_assets/processed/VvsTO0JJdnnxuvrkJq5qtp580KZhQnz1F3xvC-QvQVQ/q:85/c:1919:1078.0898876404:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtX3F1aWNrbGlua3MtdGl0ZWwtaXRlbXNfOTg3MzljMTliNQ:t/cb:ab93cfb5787c9e4c1a99447471ae7c452165935e/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzE5X3F1aWNrbGlua3MvcXVpY2tsaW5rcy10aXRlbC1pdGVtcy5wbmc) ](https://www.toujou.de/_assets/processed/12UbFv-WYnnuHYBX1kkaA70z-RiS-X6e9VE47TV1zuM/q:85/w:1024/h:576/fn:Y3NtX3F1aWNrbGlua3MtdGl0ZWwtaXRlbXNfMjUwODQxMDk4Yg:t/cb:ab93cfb5787c9e4c1a99447471ae7c452165935e/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzE5X3F1aWNrbGlua3MvcXVpY2tsaW5rcy10aXRlbC1pdGVtcy5wbmc) ### Titel definieren und Items anlegen - Im Reiter *Allgemein* finden Sie das *Textfeld*. Geben Sie dort den Titel der Collection ein, den Sie in den [Theme-Settings](#c1019566) dann wiederfinden. Ein Titel ist zwingend erforderlich. - Im Bereich *Items* können Sie mit Klick auf **+ Neu anlegen** Items erstellen. Die Mindestanzahl beträgt 1. [ ![](https://www.toujou.de/_assets/processed/M21ZUiuQZLx3vaAcW5cMAO0Qg_v2ybJizrja10gkLnI/q:85/c:1919:1078.0898876404:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtX3F1aWNrbGlua3MtaXRlbS1vcHRpb25lbl83NGM3N2MwYTM1:t/cb:11a7c9c9faa55a815cb7c785b9de907e4da973da/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzE5X3F1aWNrbGlua3MvcXVpY2tsaW5rcy1pdGVtLW9wdGlvbmVuLnBuZw) ](https://www.toujou.de/_assets/processed/dy83MldAsfNmgQZDqQ1C_RlUPAMgF00_ixkv2W-km8Y/q:85/w:1024/h:576/fn:Y3NtX3F1aWNrbGlua3MtaXRlbS1vcHRpb25lbl83NzI3Y2E0MmYw:t/cb:11a7c9c9faa55a815cb7c785b9de907e4da973da/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzE5X3F1aWNrbGlua3MvcXVpY2tsaW5rcy1pdGVtLW9wdGlvbmVuLnBuZw) ### Item-Optionen festlegen - Damit ein Item angezeigt wird auf Ihrer Website, muss zwingend ein Link hinterlegt sein. Klicken Sie hierfür im Bereich *Link* auf das **Ketten-Symbol und wählen Sie** die gewünschte Seite aus. Es stehen Ihnen Möglichkeiten zur website-internen Verlinkung (z.B. Kontakt o.ä.) sowie zu externen Verlinkung (z.B. Social Media) zur Verfügung. - Tragen Sie im Textfeld bei *Label* ein, wie das Item benannt werden soll. Das Label erscheint nur im Backend. - Mit der Auswahl eines *Icons* über die Optionen **Datei hinzufügen** und **Dateien auswählen und hochladen** können Sie dem Item ein individuelles Icon hinzufügen. Achten Sie auf ein **svg** als Datei. Ist kein Icon hinterlegt, spielt das System ein Standard-Icon auf der Website aus. - **Speichern** Sie alle Einstellungen. [ ![](https://www.toujou.de/_assets/processed/PsOcC4_Y82dmyE5zxek411qlZX254ij7-Ilt8bL3y-A/q:85/c:2221:1247.7528089888:fp:0.5:0.5/rt:force/w:433/h:243/fn:Y3NtX3F1aWNrbGlua3MtdGhlbWUtc2V0dGluZ3NfOTQyZDY4NWM4Yg:t/cb:49936ee02bf2a6d6061b394caadff56c4e7aba02/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzE5X3F1aWNrbGlua3MvcXVpY2tsaW5rcy10aGVtZS1zZXR0aW5ncy5wbmc) ](https://www.toujou.de/_assets/processed/LPPTMUkaDmqTCjKh6TsSo6SIKGQJOnjZm8cYQ_8qDI8/q:85/w:1024/h:576/fn:Y3NtX3F1aWNrbGlua3MtdGhlbWUtc2V0dGluZ3NfZmU4MWRjMThmNA:t/cb:49936ee02bf2a6d6061b394caadff56c4e7aba02/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzE5X3F1aWNrbGlua3MvcXVpY2tsaW5rcy10aGVtZS1zZXR0aW5ncy5wbmc) ### Quicklink in den Theme Settings auswählen - Wechseln Sie in die Modulleiste **toujou Theme**. Navigieren Sie im Reiter *Theme* zum Bereich *Quicklinks* und wählen Sie eine Collection aus. Klicken Sie hierfür auf das **Dropdown-Menü**. - Für die Bestimmung der *vertikalen Position der Quicklinks* stehen Ihnen drei Optionen zur Verfügung: Oben, mittig, unten. Nutzen Sie hierfür ebenfalls das entspreche **Dropdown-Menü**. - Für die *horizontale Position der Quicklinks* haben Sie zwei Möglichkeiten: rechts und links. Wählen Sie die gewünschte Position via **Dropdown-Menü** aus. - Speichern Sie die Änderungen. Anschließend erscheinen die Quicklinks auf Ihrer Website. --- Hinweise, Tipps & Tricks ---------------------------- Wer TYPO3 kennt, weiß, dass viele Wege nach Rom führen. toujou ist TYPO3. Wir weisen Sie an dieser Stelle auf wichtige Informationen und den einen oder anderen Kniff hin, den Sie bei der Erstellung und Bearbeitung Ihrer Website beachten sollten. In der Anzahl der Items sind Sie prinzipiell frei. Dennoch empfehlen wir nicht inflationär mit Quicklinks umzugehen, um die Website nicht mit zu vielen Icons zu überfrachten. Denken Sie stets daran, dass die Quicklinks auf allen Seiten der Website dargestellt werden. Möchten Sie einen Datensatz für die Quicklinks bearbeiten, suchen Sie über das Listenmodul und mit Auswahl der jeweiligen Seite im Seitenbaum in der Seitenansicht den Link Collection Datensatz und klicken Sie auf den Bearbeiten-Button (Stift-Icon). Die Quicklinks werden die gesamte Website dargestellt. Möchten Sie die Quicklinks lediglich auf einer einzelnen Seite darstellen, wählen Sie im Schritt [Datensatz erstellen](#c1019568) ansteller der Root Page die entsprechende Seite. Zudem müssen Sie zwingend den toujou-Support kontaktieren, der weitere Einstellungen trifft. --- Verknüpfte Elemente ------------------- Elemente aus der [toujou-Elementbibliothek](https://www.toujou.de/service/elementbibliothek/), die mit diesen Einstellungen in Verbindung stehen. [Social Media Bar](https://www.toujou.de/service/elementbibliothek/widgets/social-media-bar/) [Card Collections](https://www.toujou.de/service/elementbibliothek/collections/) [toujou-Theme](https://www.toujou.de/service/toujou-setup/theme-bearbeiten/) [Alle Elemente im Überblick](https://www.toujou.de/service/elementbibliothek/#c1001362) [Alle Tutorials im Überblick](https://www.toujou.de/tutorials/#c1001602) --- [ ![Website-Vorlagen für verschiedene Branchen](https://www.toujou.de/_assets/processed/jkDyPijbF4gDmMkzxd3MPG8oBAfAyHQ4LoqjH-ZHv8c/q:85/c:2754:1700:fp:0.5:0.5/rt:force/w:608/h:375/fn:Y3NtX1RlbXBsYXRlX092ZXJ2aWV3X25ldV8yMDIyXzllZGJiN2UwMDk:t/cb:b62d1a62d7fcde2e49e32c2d4fdb8799c6326f5a/bG9jYWw6L2ZpbGVhZG1pbi9UZW1wbGF0ZV9PdmVydmlld19uZXVfMjAyMi5wbmc) ](https://www.toujou.de/typo3-demo/#c1006221) Schnell gestalten und bequem verwalten -------------------------------------- Testen Sie in einer kostenlosen und unverbindlichen Demo alle Möglichkeiten mit toujou. Wählen Sie aus zahlreichen [Website-Vorlagen](https://www.toujou.de/templates/#c1009307) für unterschiedliche Branchen oder erstellen Sie Ihre professionelle Firmenwebsite von Grund auf selbst. [Direkt loslegen](https://www.toujou.de/typo3-demo/#c1006221) ##### toujou-Tutorials [Checkliste ❯](https://www.toujou.de/service/#c1001893) [Kontakt/Daten hinterlegen ❯ ](https://www.toujou.de/tutorials/kontakte-anlegen/) [Dateiliste / Fileadmin ❯ ](https://www.toujou.de/tutorials/dateiliste/) [Navigation bearbeiten ❯ ](https://www.toujou.de/tutorials/seiten-anlegen/) [Seiteninhalte ❯](https://www.toujou.de/tutorials/seiteninhalte/) [Seiteneigenschaften ❯](https://www.toujou.de/tutorials/seiteneigenschaften/) [Responsive-Check ❯](https://www.toujou.de/tutorials/responsive-mobile-first/) [Yoast SEO ❯](https://www.toujou.de/tutorials/yoast-seo/) [Redirects ❯](https://www.toujou.de/tutorials/redirects/) / [Blog ❯](https://www.toujou.de/tutorials/blog-administration/) [Seiten übersetzen ❯](https://www.toujou.de/tutorials/seiten-uebersetzen/) [Linkvalidator ❯](https://www.toujou.de/tutorials/linkvalidator/) ##### toujou-Setup [Theme ❯ ](https://www.toujou.de/service/toujou-setup/theme-bearbeiten/) [Logo ❯ ](https://www.toujou.de/service/toujou-setup/logo-hochladen/) [Font ❯ ](https://www.toujou.de/service/toujou-setup/font-bestimmen/) [Color ❯ ](https://www.toujou.de/service/toujou-setup/farben-festlegen/) [Social Media ❯ ](https://www.toujou.de/service/toujou-setup/social-media/) [Analytics ❯](https://www.toujou.de/service/toujou-setup/analytics/) [Data Protection ❯](https://www.toujou.de/service/toujou-setup/datenschutz/) [Website Overlay ❯](https://www.toujou.de/service/toujou-setup/website-overlay/) ##### toujou-Elementbibliothek [Texte ❯ ](https://www.toujou.de/service/elementbibliothek/text-elements/) [Medien ❯ ](https://www.toujou.de/service/elementbibliothek/media-elements/) [Combinations❯ ](https://www.toujou.de/service/elementbibliothek/combined-elements/) [Teaser ❯ ](https://www.toujou.de/service/elementbibliothek/teaser-elements/) [Cards ❯](https://www.toujou.de/service/elementbibliothek/card-elements/) [Blockquotes ❯ ](https://www.toujou.de/service/elementbibliothek/blockquote-elements/) [Collections ❯](https://www.toujou.de/service/elementbibliothek/collections/) [Maps ❯ / ](https://www.toujou.de/service/elementbibliothek/map-elements/)[Blog ❯ ](https://www.toujou.de/service/elementbibliothek/blog-elements/) [Events ❯ ](https://www.toujou.de/service/elementbibliothek/events/)/ [Widgets ❯ ](https://www.toujou.de/service/elementbibliothek/widgets/) [Navigation ❯](https://www.toujou.de/service/elementbibliothek/navigation-elements/) [HTML ❯ ](https://www.toujou.de/service/elementbibliothek/html/)/ [Forms ❯ ](https://www.toujou.de/service/elementbibliothek/forms/) ##### toujou TOURISM [tourism-Modul ❯](https://www.toujou.de/tutorials/tourism-modul/) [Expertise & Konzept ❯](https://www.toujou.de/websites/websites-fuer-reiseveranstalter/) [Alle Features ❯](https://www.toujou.de/loesungen/etourism/) [toujou-Reiseportale ❯](https://www.toujou.de/warum-toujou/unsere-kunden/#c1002004) [Reiseseiten anlegen ❯](https://www.toujou.de/tutorials/reiseseiten/reisen-anlegen/) [Reiseseiteneigenschaften ❯](https://www.toujou.de/tutorials/reiseseiten/reiseseiteneigenschaften/) [Reisekategorien ❯](https://www.toujou.de/tutorials/reiseseiten/reisekategorien-anlegen/) [Termine & Preise ❯](https://www.toujou.de/tutorials/reiseseiten/termine-preise/) [Reisesuchseiten anlegen ❯](https://www.toujou.de/tutorials/reiseseiten/reisesuchseite/) [Trip Elements ❯ ](https://www.toujou.de/service/elementbibliothek/trip-elements/) [Search Elements ❯](https://www.toujou.de/service/elementbibliothek/trip-elements/search-elements/)