Vložte kalendár svojej komunity na svoj web

Kalendár ktorejkoľvek zo svojich komunít na Cloombe môžete vložiť na vlastný web. Návštevníci uvidia vaše nadchádzajúce podujatia v prehľadnom, samoaktualizujúcom sa widgete — na prehliadanie nepotrebujú účet.

Hotový úryvok kódu nájdete na karte Nastavenia vašej komunity, v sekcii Vloženie, alebo si ho poskladáte sami podľa príkladov nižšie.

Úryvok kódu

Vložte ho tam, kde sa má kalendár zobraziť. Nahraďte your-community adresou svojej komunity (časť 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="My calendar"
></iframe>
<script src="https://cloomba.com/embed/embed.js" async></script>

Skript embed.js zabezpečí, že kalendár sám upraví svoju veľkosť podľa svojho obsahu, takže sa pod ním nikdy neobjaví vnútorný posúvač ani prázdne miesto. Pridajte ho raz na stránku, aj keď vkladáte viac kalendárov.

Prispôsobenie kalendára

Možnosti pridávajte do URL v src ako parametre dotazu — napríklad …/embed/c/your-community?view=week&theme=dark.

Parameter	Hodnoty	Čo robí
`locale`	`en`, `sk`, `uk`, …	Jazyk widgetu
`view`	`month`, `week`, `day`, `list`	Ktoré zobrazenie sa otvorí
`tz`	napr. `Europe/Bratislava`	Časové pásmo, v ktorom sa zobrazia časy
`theme`	`light`, `dark`	Vynútiť svetlý alebo tmavý režim (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
`utm_source`	označenie, napr. `partner-site`	Počíta návštevy a registrácie z tohto kalendára pod daným označením, aj na podujatiach, ktoré z neho návštevníci otvoria — pozri Sledovacie odkazy

Tmavý slovenský kalendár otvárajúci sa v týždennom 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="My calendar"
></iframe>
<script src="https://cloomba.com/embed/embed.js" async></script>

Dobré vedieť

Widget zobrazuje iba verejné podujatia — súkromné a neuvedené podujatia sa nikdy neobjavia.
Kliknutím na podujatie sa jeho detaily otvoria priamo vo widgete, kde sa návštevníci prihlásia, zaregistrujú a zaplatia kartou (v Safari allow="payment" pridá Apple Pay). Každé podujatie tiež odkazuje na svoju plnú stránku na Cloombe.
Počiatočná height je len záložnou hodnotou pre okamih pred načítaním skriptu — potom si widget upraví veľkosť sám.