Vložte kalendář své komunity na svůj web

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

Hotový úryvek kódu získáte na kartě Nastavení své komunity v sekci Vložení, nebo si ho sestavte sami podle příkladů níže.

Úryvek kódu

Vložte tento kód tam, kde chcete, aby se kalendář zobrazil. Nahraďte your-community adresou své komunity (část za /c/ v její URL).

<iframe
  class="cloomba-embed"
  src="https://cloomba.com/embed/c/your-community"
  style="width: 100%; height: 800px; border: none"
  loading="lazy"
  allow="payment"
  title="Můj kalendář"
></iframe>
<script src="https://cloomba.com/embed/embed.js" async></script>

Skript embed.js zajistí, že kalendář sám upraví svou velikost tak, aby odpovídala 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

Možnosti přidejte do URL v src jako parametry dotazu — například …/embed/c/your-community?view=week&theme=dark.

Parametr	Hodnoty	Co dělá
`locale`	`en`, `sk`, `uk`, …	Jazyk widgetu
`view`	`month`, `week`, `day`, `list`	Které zobrazení se otevře
`tz`	např. `Europe/Bratislava`	Časové pásmo pro zobrazení časů
`theme`	`light`, `dark`	Vynutit světlý nebo tmavý režim (výchozí: podle návštěvníka)
`accent`	`%23rrggbb`	Přepsat barvu zvýraznění (`#` zapište jako `%23`)
`bg`	`transparent`, `%23rrggbb`	Pozadí karty — `transparent` splyne s vaší stránkou
`utm_source`	štítek, např. `partner-site`	Počítá návštěvy a registrace z tohoto kalendáře pod tímto štítkem, i na událostech, které z něj návštěvníci otevřou — viz Sledovací odkazy

Tmavý slovenský kalendář otevřený v týdenním zobrazení:

<iframe
  class="cloomba-embed"
  src="https://cloomba.com/embed/c/your-community?locale=sk&view=week&theme=dark"
  style="width: 100%; height: 800px; border: none"
  loading="lazy"
  allow="payment"
  title="Můj kalendář"
></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í.
Kliknutím na událost se otevřou její podrobnosti přímo ve widgetu, kde se návštěvníci přihlásí, zaregistrují a zaplatí kartou (v Safari přidá allow="payment" také Apple Pay). Každá událost odkazuje i na svou plnou stránku na Cloomba.
Počáteční height je jen záložní hodnota pro okamžik, než se skript načte — poté si widget velikost nastaví sám.