--- title: "Tutorials: Events in TYPO3 anlegen – Hier ist toujou." url: "https://www.toujou.de/tutorials/seiten-anlegen/events/" description: Anleitung zum Implementieren von Veranstaltungen auf Ihrer TYPO3-Website – mittels Eventseiten und Eventteaser. Hier ist toujou. date: 2021-01-21 modified: 2022-09-27 --- # Tutorials: Events in TYPO3 anlegen – Hier ist toujou. 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [Tutorials](https://www.toujou.de/tutorials/) 4. [Seiten anlegen](https://www.toujou.de/tutorials/seiten-anlegen/) 5. [Events in toujou](https://www.toujou.de/tutorials/seiten-anlegen/events/) Events ====== In toujou können Sie Veranstaltungen auf Ihrer Website ankündigen. Dafür erstellen Sie im TYPO3-Backend eine Eventseite. Um mehrere Veranstaltungen gebündelt anzuzeigen, nutzen Sie den [Eventteaser](https://www.toujou.de/service/elementbibliothek/events/event-teaser-list/). In diesem Tutorial erläutern wir Ihnen die einzelnen Schritte vom Erstellen der Eventseite über das Hinzufügen der relevanten Informationen für die Eventseite und den Eventteaser sowie optionale Bausteine. [Anleitung](#c1009139) [Hinweise, Tipps & Tricks](#c1009150) --- Schritt für Schritt --------------------- **Alle Schritte mit Ausnahme von »Optionale Informationen für die Eventseite« sind auch für die korrekte Darstellung eines Eventteasers elementar.** [ ![](https://www.toujou.de/_assets/processed/gqyhm6_gWq47s8XiGj6AKVlQjppKt_iCXEAfoOqolZs/q:85/w:433/h:243/fn:Y3NtXzAxX0V2ZW50c2VpdGVfYW5sZWdlbl9taXRfU2VpdGVuZWlnZW5zY2hhZnRlbl82NzE1ZjdiNjk2:t/cb:dfcc9a6a030fd3eec801d6a25a50da92d36539ec/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA1X25hdmlnYXRpb24vRXZlbnRwYWdlcy8wMV9FdmVudHNlaXRlX2FubGVnZW5fbWl0X1NlaXRlbmVpZ2Vuc2NoYWZ0ZW4ucG5n) ](https://www.toujou.de/_assets/processed/ZfCf5kWhnadaTUl9I6fW3FQFY6X5EYNYK_lZzNvbry0/q:85/w:1024/h:575/fn:Y3NtXzAxX0V2ZW50c2VpdGVfYW5sZWdlbl9taXRfU2VpdGVuZWlnZW5zY2hhZnRlbl83Yzc5N2Y5M2Mw:t/cb:dfcc9a6a030fd3eec801d6a25a50da92d36539ec/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA1X25hdmlnYXRpb24vRXZlbnRwYWdlcy8wMV9FdmVudHNlaXRlX2FubGVnZW5fbWl0X1NlaXRlbmVpZ2Vuc2NoYWZ0ZW4ucG5n) ### Eventseite anlegen - Mit einem Klick auf das Icon **Seite** in der Modulübersicht öffnet sich der Seitenbaum Ihrer Website. - Über dem Seitenbaum befindet sich die Leiste mit den Seiten-Icons. Per Drag & Drop platzieren Sie das Eventseiten-Icon (Eintrittskarte) an der gewünschten Stelle in Ihrem Seitenbaum. - Im Content-Bereich der Seite haben Sie die Möglichkeit, mit allen [toujou-Elementen](https://www.toujou.de/service/elementbibliothek/) die Seite zu bestücken. Für das Anzeigen der Veranstaltung im Eventteaser ist dieser Schritt allerdings nicht erforderlich. - Zur Aktivierung der Seite im Frontend wählen Sie per rechten Mausklick die Seite – in diesem Beispiel **Event** – an. Es öffnet sich ein Auswahlfenster. Klicken Sie auf den Button **Aktivieren**. - Klicken Sie anschließend auf den Button **Seiteneigenschaften.** [ ![](https://www.toujou.de/_assets/processed/V8GkdIPS1NdNfZysYwpSlRoHjd2C_4DyIAiPwt9d4-4/q:85/w:433/h:267/fn:Y3NtXzAyX0V2ZW50aW5mb3JtYXRpb25lbl9oaW56dWZ1ZWdlbl82NTRiNmM4NzBh:t/cb:ab43f119e445b5ac3ce50448fa0ed82b76b0b013/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA1X25hdmlnYXRpb24vRXZlbnRwYWdlcy8wMl9FdmVudGluZm9ybWF0aW9uZW5faGluenVmdWVnZW4ucG5n) ](https://www.toujou.de/_assets/processed/mzRcvMKtpEIR2dOy7IUV38axa9ruaNMoV3oVDaAmLjs/q:85/w:1024/h:631/fn:Y3NtXzAyX0V2ZW50aW5mb3JtYXRpb25lbl9oaW56dWZ1ZWdlbl9mNjA4ODk0MmNl:t/cb:ab43f119e445b5ac3ce50448fa0ed82b76b0b013/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA1X25hdmlnYXRpb24vRXZlbnRwYWdlcy8wMl9FdmVudGluZm9ybWF0aW9uZW5faGluenVmdWVnZW4ucG5n) ### Eventinformationen hinzufügen - Wählen Sie in den Seiteneigenschaften den Reiter **Event Data**, um die Informationen der Veranstaltung zu hinterlegen. Die folgenden Punkte werden sowohl im Eventteaser als auch auf der Eventseite angezeigt. - Im Feld *Description* tragen Sie Beschreibung mittels Rich Text Editor ein. - Den Veranstaltungsort fügen Sie im Bereich *Location* hinzu. Der Bereich *Location address* ermöglicht die Angabe der genauen Anschrift. Der Bereich *Organizer* steht für den Veranstalter, diese Information wird nur auf der Eventseite ausgespielt. - Im *Event Image* hinterlegen Sie ein Medium für den Event-Teaser. Klicken Sie dafür auf den Button **Datei hinzufügen** oder **Datei auswählen** **und hochladen**. Wie Sie ein Medium hochladen und ablegen, erfahren Sie im [TYPO3-Tutorial »Dateiliste«](https://www.toujou.de/tutorials/dateiliste/). [ ![](https://www.toujou.de/_assets/processed/wJrQ430GBFFQ_ncRTWskg3O9cfpqPE3LJqYBqcoZax0/q:85/w:433/h:243/fn:Y3NtXzAzX01vZHVzX19TdGF0dXNfdW5kX1R5cF9hdXN3YWVobGVuXzUxNDM5OGVlNTY:t/cb:dd04bf3b6f884a11ba6088852908b01b8b370853/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA1X25hdmlnYXRpb24vRXZlbnRwYWdlcy8wM19Nb2R1c19fU3RhdHVzX3VuZF9UeXBfYXVzd2FlaGxlbi5wbmc) ](https://www.toujou.de/_assets/processed/AsysYQ6xZRbF4x3zmn8Cedhzq_psBpAguKc8BumJEU4/q:85/w:1024/h:575/fn:Y3NtXzAzX01vZHVzX19TdGF0dXNfdW5kX1R5cF9hdXN3YWVobGVuX2M1ZmVmM2I3NDU:t/cb:dd04bf3b6f884a11ba6088852908b01b8b370853/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA1X25hdmlnYXRpb24vRXZlbnRwYWdlcy8wM19Nb2R1c19fU3RhdHVzX3VuZF9UeXBfYXVzd2FlaGxlbi5wbmc) ### Modus, Status und Typ auswählen - **Hinweis**: Diese Bereiche spielen je nach toujou-Theme im Frontend eine untergeordnete Rolle, sind jedoch für Google & Co. wichtig. - Im *Attendance mode* bestimmen Sie die Teilnahmemöglichkeit. Neben der Standardeinstellung »offline« stehen im Dropdown-Menü noch »online« und »mixed« zur Verfügung. - Mit dem *Event status* legen Sie fest, in welchem Stadium sich die Veranstaltung befindet. In toujou voreingestellt ist »scheduled«. Mit Klick auf das Dropdown-Menü haben Sie weitere Möglichkeiten. Zu den wichtigsten zählen »postponed« für verschobene Veranstaltungen und »cancelled« für abgesagte Veranstaltungen. - Der *Event type* beschreibt die Art der Veranstaltung. In toujou ist standardmäßig »event« eingestellt. Wählen Sie dieses Dropdown-Menü an, wenn Sie Unterkategorien verteilen möchten. [ ![](https://www.toujou.de/_assets/processed/AyQLNddhjV_DQ5ckHUSKJ8y-CQvFDzi7ut5zImDvk_M/q:85/w:433/h:243/fn:Y3NtXzA0X0V4dGVybl92ZXJsaW5rZW5fdW5kX0RhdHVtX2VpbnN0ZWxsZW5fNzk2ZjNlYThkYg:t/cb:2d21096f9244b87c3f85b0132b9376f178353030/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA1X25hdmlnYXRpb24vRXZlbnRwYWdlcy8wNF9FeHRlcm5fdmVybGlua2VuX3VuZF9EYXR1bV9laW5zdGVsbGVuLnBuZw) ](https://www.toujou.de/_assets/processed/iXPCADu_0Ot97DOSFNEorW-yLqzPE4aLIpbEwqwT4_Y/q:85/w:1024/h:575/fn:Y3NtXzA0X0V4dGVybl92ZXJsaW5rZW5fdW5kX0RhdHVtX2VpbnN0ZWxsZW5fZmI1Mjg4ZWUwNQ:t/cb:2d21096f9244b87c3f85b0132b9376f178353030/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA1X25hdmlnYXRpb24vRXZlbnRwYWdlcy8wNF9FeHRlcm5fdmVybGlua2VuX3VuZF9EYXR1bV9laW5zdGVsbGVuLnBuZw) ### Extern verlinken & Datum einstellen - Möchten Sie einen Eventteaser extern verlinken, setzen Sie unter *External event link* einen Haken im Feld **Wert festlegen,** um das Eingabefeld zu aktivieren. Anschließend klicken Sie den **Link-Button** rechts neben dem Eingabefeld und geben den Link ein. - Klicken Sie im Bereich *Date* auf das **Eingabefeld** oder das **Kalender-Icon** unter *start date*, um das Startdatum anzugeben, für das Ende nutzen Sie das äquivalente Feld im Bereich *End date*. - Um eine genaue Uhrzeit anzugeben, aktivieren Sie im Bereich *Start time* das Kästchen **Wert festlegen** und wählen die gewünschte Zeit durch Klick auf das **Eingabefeld** oder das **Kalender-Icon.** - Um eine Einlasszeit anzugeben, klicken Sie im Bereich *Door / Entry date* beziehungsweise *Entry time* das Kästchen **Wert festlegen** und wählen das gewünschte Datum beziehungsweise die gewünschte Zeit durch Klick auf das **Eingabefeld** oder das **Kalender-Icon.** - **Speichern** Sie die Einstellungen. [ ![](https://www.toujou.de/_assets/processed/v2qcd0Mi9XW_cbNiC0M955rEGkr5_fUz6Urjc26WGqU/q:85/w:433/h:243/fn:Y3NtXzA1X09wdGlvbmFsZV9JbmZvcm1hdGlvbmVuX2Z1ZXJfZGllX0V2ZW50c2VpdGVfXzMyMGE5ZWJlZjE:t/cb:e23fedd7a0407d21edfaa06ae45a43289e63fdbc/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA1X25hdmlnYXRpb24vRXZlbnRwYWdlcy8wNV9PcHRpb25hbGVfSW5mb3JtYXRpb25lbl9mdWVyX2RpZV9FdmVudHNlaXRlXy5wbmc) ](https://www.toujou.de/_assets/processed/uDW7xgQE2gOP2JUDWhwYH21FbEyrd_HLa_kwn8y8NyI/q:85/w:1024/h:576/fn:Y3NtXzA1X09wdGlvbmFsZV9JbmZvcm1hdGlvbmVuX2Z1ZXJfZGllX0V2ZW50c2VpdGVfXzBlNjE4MzgxM2I:t/cb:e23fedd7a0407d21edfaa06ae45a43289e63fdbc/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzA1X25hdmlnYXRpb24vRXZlbnRwYWdlcy8wNV9PcHRpb25hbGVfSW5mb3JtYXRpb25lbl9mdWVyX2RpZV9FdmVudHNlaXRlXy5wbmc) ### Optionale Informationen für die Eventseite - Im Bereich *Audience* geben Sie manuell die Zielgruppe Ihrer Veranstaltung an. - Im Feld *Infotext* hinterlegen Sie einen kurzen Hinweis-Text zum Event. - Den Link setzen Sie durch Klick auf den Link-Button rechts neben dem Feld *Link*. Im Bereich *Linktext* tragen Sie den gewünschten Text ein. - Das Verlinken auf den Veranstalter nehmen Sie über den *Organization Link* vor. Unter *Organization* tragen Sie den Veranstalternamen ein. Im Bereich *Organization Image* laden Sie durch Klick auf den Button **Datei hinzufügen** oder **Datei auswählen** **und hochladen** ein Medium hoch. - **Hinweis**: Diese Informationen sind nur für die Eventseite relevant und werden nur dort angezeigt. --- 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.** Eine **Eventseite** verhält sich wie eine Contentseite, auf der Sie die [toujou-Elemente ](https://www.toujou.de/service/elementbibliothek/)anlegen und die [Seiteneigenschaften](https://www.toujou.de/tutorials/seiteneigenschaften/) wie SEO oder Indexsuche bearbeiten. Die im Reiter Event Data eingetragenen Informationen werden auf einer Eventseite nur dann angezeigt, wenn diese auch mit Contentelementen befüllt ist. Für das Anlegen von **Eventteasern** sind die Daten aus dem Reiter Event Data unter den Seiteneigenschaften relevant. Das Anlegen von Content-Elementen auf der Seite ist nicht zwingend erforderlich. Für eine übersichtliche Anordnung Ihres Seitenbaums empfiehlt sich das Erstellen eines Event-Ordners mit Unterordnern nach Jahren oder Monaten, je nach Anzahl von Veranstaltungen, die Sie auf Ihrer Website aufnehmen wollen. So vermeiden Sie auch das Anzeigen von Events im Menü. --- Verknüpfte Elemente ------------------- Elemente aus der [toujou-Elementbibliothek](https://www.toujou.de/service/elementbibliothek/), die mit diesen Einstellungen in Verbindung stehen. [Event Teaser List (Events als Liste anzeigen lassen)](https://www.toujou.de/service/elementbibliothek/events/event-teaser-list/) [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/)