> ## Documentation Index
> Fetch the complete documentation index at: https://docs.anny.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Das Layout deiner Buchungsseite

Deine Buchungsseite ist der erste Kontaktpunkt für deine Kund:innen. Mit den richtigen Einstellungen entscheidest du, welche Inhalte zuerst sichtbar sind, wie der Kalender dargestellt wird und welche Ressourcen angezeigt werden. Am Ende dieses Guides hast du die wichtigsten Layout-Einstellungen für deine Buchungsseite konfiguriert.

<Note>
  Es handelt sich hierbei um die anny Buchungsseite deiner Organisation, nicht um das Widget, welches auf deiner Website eingebettet werden kann.
</Note>

## Das Layout im anny-Kontext verstehen

Bevor du die Einstellungen anpasst, hilft es, zwei Bereiche in anny klar zu unterscheiden:

* **Admin-Bereich**: Hier konfigurierst du dein Konto, deine Ressourcen und deine Buchungsseite. Nur Personen mit Admin-Rechten haben Zugang.
* **Buchungsseite**: Das ist die öffentliche Seite, auf der deine Kund:innen Buchungen vornehmen. Sie spiegelt wider, was du im Admin-Bereich eingestellt hast.
* **Buchungsseite als Widget**: Das ist die Variante deiner Buchungsseite, die du direkt in deine eigene Website einbetten kannst. Inhaltlich zeigt sie dieselben Ressourcen und Buchungsoptionen. Der Unterschied liegt in der Darstellung und Integration.

|                  | <br />**Buchungsseite (anny)**         | **Buchungsseite als Widget**                     |
| ---------------- | :------------------------------------- | :----------------------------------------------- |
| **Aufruf**       | Über anny bzw. einen direkten Link     | Eingebettet auf deiner eigenen Website           |
| **Design**       | Standard-Layout von anny               | Eigenes Branding (Farben, Logo, Schriftarten)    |
| **Anpassung**    | Inhaltlich über den Admin-Bereich      | Zusätzlich Design- und Darstellungseinstellungen |
| **Einsatzzweck** | Schnell startklar, ohne eigene Website | Nahtlose Integration in deinen Webauftritt       |

## Was du am Ende eingerichtet hast

* Den Standard-Reiter deiner Buchungsseite festgelegt
* Die Standard-Kalenderansicht ausgewählt
* Die im Kalender angezeigten Ressourcen definiert

## Schritt-für-Schritt Anleitung

<Steps>
  <Step title="Account-Einstellungen öffnen">
    Klicke im Admin-Bereich oben rechts auf deinen **Avatar**. Wähle **Account-Einstellungen** aus dem Dropdown-Menü. Navigiere zum Reiter **Einstellungen**.

    <img src="https://mintcdn.com/anny-85c98540/WI0eDTofsGdW2lVL/images/image-4.png?fit=max&auto=format&n=WI0eDTofsGdW2lVL&q=85&s=676dfaeb18e233199f0cfbb681841066" alt="Image" width="2762" height="1554" data-path="images/image-4.png" />
  </Step>

  <Step title="Standard-Reiter der Buchungsseite festlegen">
    Für die Option **Standard Reiter auf Buchungsseite**. Hier wählst du aus, was Besucher:innen als erstes sehen, wenn sie deine Buchungsseite öffnen. Du hast vier Optionen:

    * **Ressource**: Zeigt buchbare Einheiten wie Kurse oder Open Spaces.
    * **Service**: Zeigt käufliche Zugänge wie Tickets, Stundenpässe oder Drop-Ins.
    * **Abonnement**: Zeigt verfügbare Abonnement-Modelle.
    * **Buchungspaket**: Zeigt kombinierte Buchungsangebote.

    Öffne das Dropdown-Menü bei **Standard Reiter auf Buchungsseite**. Wähle den Reiter, der für deine Kund:innen am relevantesten ist und speichere die Einstellung.

    <Note>
      Die Auswahl hier beeinflusst nur die Startansicht. Besucher:innen können jederzeit selbst zwischen den Reitern wechseln.
    </Note>
  </Step>

  <Step title="Standard-Kalenderansicht festlegen">
    Im selben Bereich findest du die Option **Standard-Kalenderansicht**. Sie legt fest, in welcher Ansicht der Kalender auf deiner Buchungsseite standardmäßig geöffnet wird. Du hast vier Ansichten zur Auswahl:

    * **Tag**: Stündliche Detailansicht eines einzelnen Tages. Geeignet, wenn viele Buchungen pro Tag stattfinden.
    * **Woche**: Übersicht über sieben Tage. Gut für Angebote mit regelmäßigem Wochenrhythmus.
    * **Monat**: Überblick über den gesamten Monat. Ideal für schnelle Orientierung und Vorausplanung.
    * **Board**: Chronologische Liste aller Termine untereinander, ohne Zeitachse. Jede Buchung wird vollständig angezeigt, unabhängig von ihrer Dauer. Besonders geeignet als Kursübersicht.

    Öffne das Dropdown-Menü bei **Standard-Kalenderansicht** und wähle die Ansicht, die zu deinem Angebot passt.

    <Tip>
      **Tipp**: Die Boardansicht eignet sich besonders gut, wenn du viele Kurse oder Events anbietest. Sie lässt sich außerdem als eingebetteter Kalender auf deiner eigenen Website nutzen. Mehr dazu: [Buchungsseite als Widget auf der Website einbetten](/embed-booking-page)
    </Tip>
  </Step>

  <Step title="Ressourcen im Kalender festlegen">
    Im Bereich **Ressourcen im Kalender anzeigen** legst du fest, welche Ressourcen auf deiner Buchungsseite im Kalender sichtbar sind.

    Du hast zwei Optionen:

    * **Alle Ressourcen anzeigen**: Alle vorhandenen Ressourcen werden uneingeschränkt im Kalender dargestellt.
    * **Ausgewählte Ressourcen anzeigen**: Du wählst manuell aus einer Liste, welche Ressourcen sichtbar sein sollen.

    Wenn du **Ausgewählte Ressourcen** wählst, öffnet sich eine Liste deiner Ressourcen. Setze einen Haken bei den Ressourcen, die im Kalender erscheinen sollen.<br /><br />So verhalten sich die Ansichten im Detail: 

    <AccordionGroup>
      <Accordion title="Wochenansicht">
        * Buchungen mit einer Dauer von 7 Stunden oder mehr werden oben im Kalender als **ganztägige Ereignisse** angezeigt. So bleibt das Stundenraster übersichtlich.
        * Bei vielen gleichzeitigen Buchungen werden maximal **2 parallele Buchungen** nebeneinander angezeigt. Weitere sind über **+X** erreichbar.
        * Es können bis zu **30 Ressourcen** gleichzeitig im Kalender dargestellt werden.

        ![Wochenansicht im Kalender](https://downloads.intercomcdn.eu/i/o/niegcmk9/137076982/de2e272b003e8747fe83b61dae5a/SCR-20260430-mhdg.png)
      </Accordion>

      <Accordion title="Boardansicht">
        * Termine erscheinen als chronologische Liste, ohne Zeitraster.
        * Jede Buchung wird vollständig angezeigt, unabhängig davon, wie lang sie dauert.
        * Besonders übersichtlich bei vielen Kursen oder Events mit unterschiedlichen Laufzeiten.

        ![Boardansicht im Kalender](https://downloads.intercomcdn.eu/i/o/niegcmk9/137077171/feb6ba99a5f0e34016865b74aa4f/image.png)
      </Accordion>
    </AccordionGroup>

    <Info>
      **Hinweis**: Diese Einstellung gilt für die Standardansicht der Buchungsseite. Besucher:innen können den Kalender auf der Buchungsseite zusätzlich per Filter individuell anpassen. Diese Filter werden pro Person gespeichert und beim nächsten Besuch wiederhergestellt.
    </Info>
  </Step>

  <Step title="Buchungsseite überprüfen">
    Sobald du alle Einstellungen getroffen hast, kannst du dir deine öffentliche Buchungsseite anzeigen lassen. Klicke im Admin-Bereich unten links auf **Buchungsseite**. Ein neuer Tab öffnet sich, mit der Buchungsseite, die so auch deine Kund:innen sehen.
  </Step>
</Steps>

## FAQ

<AccordionGroup>
  <Accordion title="Kann ich den Standard-Reiter jederzeit ändern?">
    Ja, du kannst die Einstellung jederzeit im Admin-Bereich unter **Avatar > Account-Einstellungen > Einstellungen** anpassen. Die Änderung ist sofort auf der Buchungsseite sichtbar.
  </Accordion>

  <Accordion title="Was passiert, wenn ich „Alle Ressourcen anzeigen“ wähle und später neue Ressourcen anlege?">
    Neue Ressourcen erscheinen automatisch im Kalender, sobald sie angelegt sind. Du musst die Einstellung nicht erneut anpassen.
  </Accordion>

  <Accordion title="Können meine Kund:innen die Kalenderansicht selbst wechseln?">
    Ja. Die Standard-Kalenderansicht ist nur die Voreinstellung. Besucher:innen können auf der Buchungsseite jederzeit zwischen Tag, Woche, Board und Monat wechseln.
  </Accordion>

  <Accordion title="Warum sehen verschiedene Besucher:innen unterschiedliche Ressourcen im Kalender?">
    Besucher:innen können den Kalender per Filter individuell anpassen. Diese Filter werden pro Person gespeichert. Deshalb kann die Ansicht von Person zu Person abweichen.
  </Accordion>
</AccordionGroup>

## Troubleshooting

<AccordionGroup>
  <Accordion title="Ich sehe nicht alle parallelen Buchungen im Kalender.">
    Das ist das erwartete Verhalten. In der Wochenansicht werden maximal 2 parallele Buchungen gleichzeitig angezeigt. Weitere Buchungen sind über **+X** erreichbar. So bleibt der Kalender auch bei hoher Auslastung lesbar.
  </Accordion>

  <Accordion title="Eine Buchung wird als ganztägig angezeigt, obwohl sie eine genaue Uhrzeit hat.">
    Buchungen mit einer Dauer von 7 Stunden oder mehr werden in der Wochenansicht automatisch oben als ganztägige Ereignisse gruppiert. Das ist kein Fehler, sondern eine bewusste Darstellungsentscheidung für mehr Übersichtlichkeit.
  </Accordion>

  <Accordion title="Meine Kolleg:in sieht andere Ressourcen im Kalender als ich.">
    Filter und Ansichten werden individuell pro Nutzer:in gespeichert. Jede Person kann den Kalender auf der Buchungsseite selbst anpassen. Die Admin-seitige Einstellung in den Account-Einstellungen legt nur die Standardansicht fest.
  </Accordion>

  <Accordion title="Eine Ressource, die ich in den Einstellungen ausgewählt habe, erscheint nicht im Kalender.">
    Prüfe, ob die Ressource aktiv und für den gewählten Zeitraum verfügbar ist.
  </Accordion>
</AccordionGroup>