Osadź swój kalendarz na swojej stronie internetowej

Możesz osadzić dowolny ze swoich kalendarzy Cloomba na własnej stronie internetowej. Odwiedzający zobaczą Twoje nadchodzące wydarzenia w schludnym, samoaktualizującym się widżecie — do przeglądania nie potrzeba konta.

Pobierz gotowy fragment kodu z sekcji Zarządzaj → Osadź swojego kalendarza lub zbuduj go samodzielnie na podstawie poniższych przykładów.

Fragment kodu

Wklej to tam, gdzie ma pojawić się kalendarz. Zastąp your-calendar adresem swojego kalendarza (częścią po /c/ w jego URL).

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

Skrypt embed.js sprawia, że kalendarz sam się skaluje, aby dopasować się do swojej zawartości, więc nigdy nie ma wewnętrznego paska przewijania ani pustej przestrzeni pod nim. Dodaj go raz na stronę, nawet jeśli osadzasz kilka kalendarzy.

Dostosowywanie kalendarza

Dodaj opcje do URL src jako parametry zapytania — na przykład …/embed/c/your-calendar?view=week&theme=dark.

Parametr	Wartości	Co robi
`locale`	`en`, `sk`, `uk`, …	Język widżetu
`view`	`month`, `week`, `day`, `list`	Widok, który ma się otworzyć
`tz`	np. `Europe/Bratislava`	Strefa czasowa, w której wyświetlać godziny
`theme`	`light`, `dark`	Wymuś jasny lub ciemny (domyślnie: zgodnie z ustawieniami odwiedzającego)
`accent`	`%23rrggbb`	Nadpisz kolor akcentu (zapisz `#` jako `%23`)
`bg`	`transparent`, `%23rrggbb`	Tło karty — `transparent` wtapia się w Twoją stronę

Ciemny słowacki kalendarz otwierający się w widoku tygodnia:

<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="Mój kalendarz"
></iframe>
<script src="https://cloomba.com/embed/embed.js" async></script>

Warto wiedzieć

Widżet pokazuje tylko wydarzenia publiczne — wydarzenia prywatne i niepubliczne nigdy się nie pojawiają.
Każde wydarzenie prowadzi do swojej pełnej strony na Cloomba w nowej karcie; rejestracja i logowanie odbywają się tam.
Początkowa height jest tylko wartością zapasową na moment przed załadowaniem skryptu — potem widżet sam dobiera swój rozmiar.