Vložení kalendáře na váš web

Kterýkoli ze svých kalendářů Cloomba můžete vložit na svůj vlastní web. Návštěvníci uvidí vaše nadcházející události v úhledném, samo se aktualizujícím widgetu — k prohlížení není potřeba účet.

Hotový úryvek si vezměte v sekci Spravovat → Vložit vašeho kalendáře, nebo si ho sestavte sami podle příkladů níže.

Úryvek

Vložte tohle tam, kde chcete, aby se kalendář objevil. Nahraďte your-calendar adresou svého kalendáře (částí 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 způsobí, že se kalendář sám přizpůsobí velikosti svého obsahu, takže nikdy nevznikne vnitřní posuvník ani prázdné místo pod ním. Přidejte ho jednou na stránku, i když vkládáte několik kalendářů.

Přizpůsobení kalendáře

Do src URL přidejte volby jako parametry dotazu — například …/embed/c/your-calendar?view=week&theme=dark.

Parametr	Hodnoty	Co dělá
`locale`	`en`, `sk`, `uk`, …	Jazyk widgetu
`view`	`month`, `week`, `day`, `list`	Které zobrazení otevřít
`tz`	např. `Europe/Bratislava`	Časové pásmo pro zobrazení časů
`theme`	`light`, `dark`	Vynutit světlý nebo tmavý (výchozí: podle návštěvníka)
`accent`	`%23rrggbb`	Přepsat barvu zvýraznění (`#` pište jako `%23`)
`bg`	`transparent`, `%23rrggbb`	Pozadí karty — `transparent` splyne s vaší stránkou

Tmavý slovenský kalendář otevírající se v týdenním 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é vědět

Widget zobrazuje pouze veřejné události — soukromé a neuvedené události se nikdy neobjeví.
Každá událost odkazuje na svou plnou stránku na Cloombě v nové kartě; registrace a přihlášení probíhají tam.
Počáteční height je pouze záložní hodnota pro okamžik před načtením skriptu — poté si widget velikost určí sám.