Betten Sie Ihren Kalender auf Ihrer Website ein

Du kannst jeden deiner Cloomba-Kalender auf deiner eigenen Website einbetten. Besucher sehen deine kommenden Veranstaltungen in einem übersichtlichen, sich selbst aktualisierenden Widget — kein Konto nötig zum Stöbern.

Hol dir das fertige Snippet aus dem Bereich Verwalten → Einbetten deines Kalenders oder baue es selbst anhand der Beispiele unten.

Das Snippet

Füge das dort ein, wo der Kalender erscheinen soll. Ersetze your-calendar durch die Adresse deines Kalenders (der Teil nach /c/ in seiner URL).

<iframe
  class="cloomba-embed"
  src="https://cloomba.com/embed/c/your-calendar"
  style="width: 100%; height: 800px; border: none"
  loading="lazy"
  title="My calendar"
></iframe>
<script src="https://cloomba.com/embed/embed.js" async></script>

Das embed.js-Skript sorgt dafür, dass sich der Kalender selbst an die Größe seines Inhalts anpasst, sodass es nie eine innere Bildlaufleiste oder leeren Raum darunter gibt. Füge es einmal pro Seite hinzu, selbst wenn du mehrere Kalender einbettest.

Den Kalender anpassen

Füge Optionen als Query-Parameter zur src-URL hinzu — zum Beispiel …/embed/c/your-calendar?view=week&theme=dark.

Parameter	Werte	Was es bewirkt
`locale`	`en`, `sk`, `uk`, …	Sprache des Widgets
`view`	`month`, `week`, `day`, `list`	Welche Ansicht beim Öffnen
`tz`	z. B. `Europe/Bratislava`	Zeitzone, in der Zeiten angezeigt werden
`theme`	`light`, `dark`	Hell oder dunkel erzwingen (Standard: richtet sich nach dem Besucher)
`accent`	`%23rrggbb`	Akzentfarbe überschreiben (schreibe `#` als `%23`)
`bg`	`transparent`, `%23rrggbb`	Kartenhintergrund — `transparent` verschmilzt mit deiner Seite

Ein dunkler slowakischer Kalender, der in der Wochenansicht öffnet:

<iframe
  class="cloomba-embed"
  src="https://cloomba.com/embed/c/your-calendar?locale=sk&view=week&theme=dark"
  style="width: 100%; height: 800px; border: none"
  loading="lazy"
  title="My calendar"
></iframe>
<script src="https://cloomba.com/embed/embed.js" async></script>

Gut zu wissen

Das Widget zeigt nur öffentliche Veranstaltungen — private und nicht gelistete Veranstaltungen erscheinen nie.
Jede Veranstaltung verlinkt in einem neuen Tab zu ihrer vollständigen Seite auf Cloomba; Registrierung und Anmeldung finden dort statt.
Die anfängliche height ist nur ein Fallback für den Moment, bevor das Skript geladen wird — danach passt sich das Widget selbst an die Größe an.