Osadź kalendarz swojej społeczności na własnej stronie

Kalendarz dowolnej ze swoich społeczności Cloomba możesz osadzić na własnej stronie. Odwiedzający zobaczą Twoje nadchodzące wydarzenia w przejrzystym, samoaktualizującym się widżecie — do przeglądania nie jest potrzebne konto.

Gotowy fragment kodu pobierzesz z zakładki Ustawienia swojej społeczności, w sekcji Osadzanie, albo zbuduj go samodzielnie na podstawie poniższych przykładów.

Fragment kodu

Wklej to tam, gdzie ma się pojawić kalendarz. Zastąp your-community adresem swojej społeczności (częścią po /c/ w jej adresie 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>

Skrypt embed.js sprawia, że kalendarz sam dopasowuje swój rozmiar do zawartości, więc nigdy nie pojawia się wewnętrzny pasek przewijania ani pusta przestrzeń pod nim. Dodaj go raz na stronę, nawet jeśli osadzasz kilka kalendarzy.

Dostosowywanie kalendarza

Dodaj opcje do adresu URL w src jako parametry zapytania — na przykład …/embed/c/your-community?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 się otwiera
`tz`	np. `Europe/Bratislava`	Strefa czasowa, w której wyświetlane są godziny
`theme`	`light`, `dark`	Wymusza jasny lub ciemny motyw (domyślnie: zgodny z ustawieniami odwiedzającego)
`accent`	`%23rrggbb`	Zmienia kolor akcentu (zapisz `#` jako `%23`)
`bg`	`transparent`, `%23rrggbb`	Tło karty — `transparent` wtapia się w Twoją stronę
`utm_source`	etykieta, np. `partner-site`	Zlicza wizyty i rejestracje z tego kalendarza pod tą etykietą, także na wydarzeniach, które odwiedzający z niego otworzą — zobacz Linki śledzące

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

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

Warto wiedzieć

Widżet pokazuje tylko wydarzenia publiczne — wydarzenia prywatne i niepubliczne nigdy się w nim nie pojawiają.
Kliknięcie wydarzenia otwiera jego szczegóły wewnątrz widżetu, gdzie odwiedzający się logują, rejestrują i płacą kartą (w Safari allow="payment" dodaje Apple Pay). Każde wydarzenie prowadzi też do swojej pełnej strony w Cloomba.
Początkowa wartość height to tylko zabezpieczenie na moment przed załadowaniem skryptu — potem widżet sam dobiera swój rozmiar.