--- title: Accomodation-Page url: "https://www.toujou.de/tutorials/reiseseiten/accomodation-page/" date: 2020-02-18 modified: 2022-09-27 --- # Accomodation-Page 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [Tutorials](https://www.toujou.de/tutorials/) 4. [Reiseseiten](https://www.toujou.de/tutorials/reiseseiten/) 5. [Accomodation-Page](https://www.toujou.de/tutorials/reiseseiten/accomodation-page/) Arbeiten mit toujou ------------------- Accomodations: Unterkünfte als Seiten anlegen ============================================= In toujou können Sie Informationen über Unterkünfte so anlegen, dass sie sich in Ihre Reiseseite einbinden lassen. Wir erklären Ihnen die Bearbeitung des entsprechenden Seitentypen. Das Anlegen des dazu gehörigen [Trip-Elements](https://www.toujou.de/service/elementbibliothek/trip-elements/accomodation-element/) wird in den Tutorials der Elementbibliothek erläutert. [Schritt für Schritt](#c1007444) [Frontend-Ansicht](#c1007452) ![Ein orangefarbener Hintergrund mit einem weißen Dokument, das mehrere horizontale Linien zeigt, symbolisiert Informationen oder Notizen.](https://www.toujou.de/_assets/processed/lqFL7bMVP8qiFF17cRoEvvPOAYHhoWvOwyyPEgVTKC8/q:85/w:400/h:100/fn:Y3NtX3R5cG8zX3BhZ2VfN2UzMzZjNDlmZg:t/cb:6041adaca0d0c02bb31f1b68a6b93a038ebe8473/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvdHlwbzNfcGFnZS5wbmc) ### Ihr Seitenaufbau Links in der Menüleiste des Backends finden Sie das orange Icon *Seite*. Mit einem Klick beginnt die TYPO3-typische Seitenerstellung und Strukturiertung der Website. --- Schritt für Schritt ------------------- [ ![](https://www.toujou.de/_assets/processed/XKxDBanL-2UhYCdinGUhA_XP9qs5ld57sqiHQ66zYJ0/q:85/w:433/h:271/fn:Y3NtXzAxX0FjY29tb2RhdGlvbi1QYWdlLWFubGVnZW5fNmE2NjA4MWI4Zg:t/cb:4d57397b2b995df2054f5adc3aba510fa2b93522/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzEyX3RvdXJpc20vQWNjb21vZGF0aW9ucy9TZWl0ZV9hbmxlZ2VuLzAxX0FjY29tb2RhdGlvbi1QYWdlLWFubGVnZW4ucG5n) ](https://www.toujou.de/_assets/processed/uOag7pSo0B3Qc5uYi13-2dwGGhCRw8m3j-ywZ--SZlU/q:85/w:1024/h:640/fn:Y3NtXzAxX0FjY29tb2RhdGlvbi1QYWdlLWFubGVnZW5fZTk1NTNkYWFiMg:t/cb:4d57397b2b995df2054f5adc3aba510fa2b93522/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzEyX3RvdXJpc20vQWNjb21vZGF0aW9ucy9TZWl0ZV9hbmxlZ2VuLzAxX0FjY29tb2RhdGlvbi1QYWdlLWFubGVnZW4ucG5n) ### Accomodation Page anlegen - Wir raten dazu, Unterkunftsseiten sinnvoll in Ihrem Seitenbaum zu strukturieren. Für unsere Beispielseite haben wir vorab einen Ordner (»Unterkünfte«) angelegt. - Klicken Sie auf Seite in der Modul-Übersicht Ihrer Website. Oberhalb des Seitenbaums sehen Sie die verfügbaren Seiten-Icons. - Klicken Sie auf das Gebäude-Icon (»Accomodation Page«) und ziehen Sie es per Drag-and-Drop an die gewünschte Stelle innerhalb Ihres Seitenbaums. - Eine hellblaue Fläche zeigt an, in welchem Bereich sich die neue Seite einsortieren wird, wenn Sie während des Drag-and-Drop-Verfahrens über den Seitenbaum fahren. [ ![](https://www.toujou.de/_assets/processed/6kT7Vg_CFl5xJw9mA4RP_yWQqsb4VcOrdKSCaBO1kK8/q:85/w:433/h:271/fn:Y3NtXzAyX1NlaXRlbnRpdGVsX0VpbmJsZW5kZW5fMTBhM2JhNTBjOA:t/cb:8dff15d39c88fc55246b0c044b03595763dec82e/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzEyX3RvdXJpc20vQWNjb21vZGF0aW9ucy9TZWl0ZV9hbmxlZ2VuLzAyX1NlaXRlbnRpdGVsX0VpbmJsZW5kZW4ucG5n) ](https://www.toujou.de/_assets/processed/hm-81f59o1qntCTiXJE0Ee41UZwt8GzPWYYTSDLZsXE/q:85/w:1024/h:640/fn:Y3NtXzAyX1NlaXRlbnRpdGVsX0VpbmJsZW5kZW5fNjc4NmFlYmNkNg:t/cb:8dff15d39c88fc55246b0c044b03595763dec82e/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzEyX3RvdXJpc20vQWNjb21vZGF0aW9ucy9TZWl0ZV9hbmxlZ2VuLzAyX1NlaXRlbnRpdGVsX0VpbmJsZW5kZW4ucG5n) ### Seite benennen & einblenden - Jede neue Seite trägt zunächst den Titel *\[Default Title\]*, den Sie unmittelbar nach Erstellung der Seite überschreiben können. - Den Titel können Sie auch später [be-/überarbeiten](https://www.toujou.de/tutorials/seiteneigenschaften/#c1005605). - Der Seitentitel wird im [Frontend](#c1007452) ausgegeben. Geben Sie der *Accomodation Page* als neuen Titel daher am besten den Namen der Unterkunft. - Mit einem Rechtsklick auf das Icon der *Accomodation Page* öffnet sich das Kontextmenü der Seite. - Mit einem Klick auf **Aktivieren** blenden Sie die Seite ein. [ ![](https://www.toujou.de/_assets/processed/XyW9nvfeC59L_VCgCUDwZvNHPuNqxReLMNN-pc54n7c/q:85/w:433/h:271/fn:Y3NtXzAzX1NlaXRlbmVpZ2Vuc2NoYWZ0ZW5fYXVmcnVmZW5fYTVmYzJkMjJiOA:t/cb:83430748ff6c9b64be9c01f37e842f75a4db761d/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzEyX3RvdXJpc20vQWNjb21vZGF0aW9ucy9TZWl0ZV9hbmxlZ2VuLzAzX1NlaXRlbmVpZ2Vuc2NoYWZ0ZW5fYXVmcnVmZW4ucG5n) ](https://www.toujou.de/_assets/processed/WWSZTeGM1Easafr6vZxYxUZb6Y483rRaDD9GVE_ZImI/q:85/w:1024/h:640/fn:Y3NtXzAzX1NlaXRlbmVpZ2Vuc2NoYWZ0ZW5fYXVmcnVmZW5fYmY2NGI4YjZhOQ:t/cb:83430748ff6c9b64be9c01f37e842f75a4db761d/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzEyX3RvdXJpc20vQWNjb21vZGF0aW9ucy9TZWl0ZV9hbmxlZ2VuLzAzX1NlaXRlbmVpZ2Vuc2NoYWZ0ZW5fYXVmcnVmZW4ucG5n) ### Seiteneigenschaften aufrufen - Bleiben Sie im Seitenmodul und klicken im Seitenbaum auf die Unterkunftsseite, die Sie bearbeiten möchten. - Oberhalb des Arbeitsbereichs rufen Sie die Seiteneigenschaften auf, indem Sie auf das Editier-Icon klicken. [ ![](https://www.toujou.de/_assets/processed/eBihlI7dR1LTsbpur_j2wB-lTG9KUoXxZRMBPUhuYQ4/q:85/w:433/h:271/fn:Y3NtXzA0X1JlaXRlcl9SZXNzb3VyY2VuXzY3YjdiMDUzZjM:t/cb:9843fb6e756551d910ba08124034ed31d1f64648/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzEyX3RvdXJpc20vQWNjb21vZGF0aW9ucy9TZWl0ZV9hbmxlZ2VuLzA0X1JlaXRlcl9SZXNzb3VyY2VuLnBuZw) ](https://www.toujou.de/_assets/processed/aCtR3aq57Oo859E73Ka6DTtuWgT6JEK0ZZi3Xwg8woM/q:85/w:1024/h:640/fn:Y3NtXzA0X1JlaXRlcl9SZXNzb3VyY2VuX2JlYmU2ZjJlOWE:t/cb:9843fb6e756551d910ba08124034ed31d1f64648/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzEyX3RvdXJpc20vQWNjb21vZGF0aW9ucy9TZWl0ZV9hbmxlZ2VuLzA0X1JlaXRlcl9SZXNzb3VyY2VuLnBuZw) ### Reiter Ressourcen - Diesen Reiter bearbeiten Sie, wenn Sie ein Vorschaubild von der Unterkunft anzeigen möchten. - Im Bereich *Dateien* klicken Sie unter *Media* auf **Neue Relation erstellen oder Dateien auswählen und hochladen**. [ ![](https://www.toujou.de/_assets/processed/ZueuUzMSAb6pJU4h24ZD13w-zkc3pQZcCUxcUpErjsA/q:85/w:433/h:271/fn:Y3NtXzA1X1JlaXRlcl9NYXAtRGF0YV8yMjE0MmMxZWNk:t/cb:26020a4b634d59284cd17dc861eb49e7f7aabaa0/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzEyX3RvdXJpc20vQWNjb21vZGF0aW9ucy9TZWl0ZV9hbmxlZ2VuLzA1X1JlaXRlcl9NYXAtRGF0YS5wbmc) ](https://www.toujou.de/_assets/processed/NNbUAHp3D_EnuZmdcmZj5-hAQ-n4UgESo8S_Ogw57z4/q:85/w:1024/h:640/fn:Y3NtXzA1X1JlaXRlcl9NYXAtRGF0YV84YzI2NDhlY2Q5:t/cb:26020a4b634d59284cd17dc861eb49e7f7aabaa0/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzEyX3RvdXJpc20vQWNjb21vZGF0aW9ucy9TZWl0ZV9hbmxlZ2VuLzA1X1JlaXRlcl9NYXAtRGF0YS5wbmc) ### Reiter Map Data - Im Bereich *Google Maps Link* fügen Sie die URL einer Google-Maps-Adresse ein. - Im Feld darunter können Sie Adressdaten zur Unterkunft einfügen. - Hierbei handelt es sich um Inhalte, die im Accomodation-Element nur dann ausgegeben werden, wenn Sie die Felder bearbeiten. [ ![](https://www.toujou.de/_assets/processed/v4fzsbe77dOxsv277164TKQO78HF2ANAB-asFeFAaRI/q:85/w:433/h:271/fn:Y3NtXzA2X1JlaXRlcl9BY2NvbW9kYXRpb24tRGF0YV9kNzI4OTg3M2Ez:t/cb:e35aac3cb4a140e1946cfe323e436564bad20bec/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzEyX3RvdXJpc20vQWNjb21vZGF0aW9ucy9TZWl0ZV9hbmxlZ2VuLzA2X1JlaXRlcl9BY2NvbW9kYXRpb24tRGF0YS5wbmc) ](https://www.toujou.de/_assets/processed/qb-VWmkFUDKffLqhYaYcJRNK0hJBmGSOHMSMbjdXFeE/q:85/w:1024/h:640/fn:Y3NtXzA2X1JlaXRlcl9BY2NvbW9kYXRpb24tRGF0YV8zZGYwYjMxNGRi:t/cb:e35aac3cb4a140e1946cfe323e436564bad20bec/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzEyX3RvdXJpc20vQWNjb21vZGF0aW9ucy9TZWl0ZV9hbmxlZ2VuLzA2X1JlaXRlcl9BY2NvbW9kYXRpb24tRGF0YS5wbmc) ### Reiter Accomodation Data - *Accomodation Description*: In diesem Editor beschreiben Sie die zur Reise gehörige Unterkunft. - *Accomodation Category*: Im Drop-Down-Menü vergeben Sie die Hotelkategorie in Form von Sternen. - *Rooms*: Über die Größe der Unterkunft informieren Sie, indem Sie die Anzahl an Zimmern angeben. - *Accomodation Website*: Fügen Sie die URL der Hotel-Website ein. - *Accomodation Features*: Hier nennen Sie Details zu Ausstattung und Co. --- Frontend-Ansicht ---------------- [ ![](https://www.toujou.de/_assets/processed/L59GQ0QGyqzRS7OMTrVlwabXtR1EHs6fYP-M57_MQP4/q:85/w:433/h:271/fn:Y3NtX0Zyb250ZW5kX2U4Yjc0YjE0Yzk:t/cb:360331c2fcc5b719894cf0b69e39116ef0a96fd2/bG9jYWw6L2ZpbGVhZG1pbi90b3Vqb3UvdHV0b3JpYWxzLzEyX3RvdXJpc20vQWNjb21vZGF0aW9ucy9TZWl0ZV9hbmxlZ2VuL0Zyb250ZW5kLnBuZw) ](https://www.toujou.de/fileadmin/toujou/tutorials/12_tourism/Accomodations/Seite_anlegen/Frontend.png) --- ##### 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/)