Vložte svoj kalendár na svoj web

Ktorýkoľvek zo svojich Cloomba kalendárov môžete vložiť na svoj web. Návštevníci vidia vaše nadchádzajúce podujatia v prehľadnom, samoaktualizujúcom sa widgete — na prehliadanie nie je potrebný účet.

Hotový úryvok kódu získate v sekcii Spravovať → Vložiť svojho kalendára, alebo si ho zostavte sami podľa príkladov nižšie.

Úryvok kódu

Vložte toto tam, kde chcete, aby sa kalendár zobrazil. Nahraďte your-calendar adresou svojho kalendára (časť za /c/ v jeho 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>

Skript embed.js spôsobí, že sa kalendár sám prispôsobí veľkosti, aby sa zmestil do svojho obsahu, takže nikdy nevznikne vnútorný posuvník ani prázdne miesto pod ním. Pridajte ho raz na stránku, aj keď vkladáte viacero kalendárov.

Prispôsobenie kalendára

Možnosti pridajte do src URL ako parametre dotazu — napríklad …/embed/c/your-calendar?view=week&theme=dark.

Parameter	Hodnoty	Čo robí
`locale`	`en`, `sk`, `uk`, …	Jazyk widgetu
`view`	`month`, `week`, `day`, `list`	Zobrazenie, ktoré sa otvorí
`tz`	napr. `Europe/Bratislava`	Časové pásmo, v ktorom sa zobrazujú časy
`theme`	`light`, `dark`	Vynútiť svetlý alebo tmavý (predvolene: podľa návštevníka)
`accent`	`%23rrggbb`	Prepísať zvýrazňujúcu farbu (`#` píšte ako `%23`)
`bg`	`transparent`, `%23rrggbb`	Pozadie karty — `transparent` splynie s vašou stránkou

Tmavý slovenský kalendár otvárajúci sa v týždennom zobrazení:

<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>

Dobré vedieť

Widget zobrazuje len verejné podujatia — súkromné a nezaradené podujatia sa nikdy nezobrazia.
Každé podujatie odkazuje na svoju plnú stránku na Cloomba v novej karte; registrácia a prihlásenie prebiehajú tam.
Počiatočná height je len záložná hodnota pre okamih pred načítaním skriptu — potom si widget veľkosť určí sám.