Osadź wydarzenie na swojej stronie

Każde ze swoich wydarzeń możesz umieścić na własnej stronie na dwa sposoby: jako wbudowaną kartę, na której odwiedzający mogą od razu potwierdzić obecność, albo jako przycisk otwierający wydarzenie w wyskakującym okienku. Skopiuj jeden z nich z sekcji Zarządzaj → Zaawansowane → Osadź swojego wydarzenia.

Zastąp your-event adresem swojego wydarzenia (część po /e/ w jego URL).

Wbudowana karta

Pokazuje wydarzenie — okładkę, datę, lokalizację i przycisk potwierdzenia obecności — bezpośrednio na Twojej stronie.

<iframe
  class="cloomba-embed"
  src="https://cloomba.com/embed/e/your-event"
  style="width: 100%; height: 300px; border: none"
  loading="lazy"
  title="My event"
></iframe>
<script src="https://cloomba.com/embed/embed.js" async></script>

Skrypt embed.js dopasowuje rozmiar karty. Na bezpłatnych wydarzeniach można potwierdzić obecność bezpośrednio w karcie (odwiedzający logują się wewnątrz widżetu); płatne wydarzenia otwierają Cloomba, aby dokończyć płatność.

Przycisk rejestracji

Przycisk, który otwiera wydarzenie w wyśrodkowanym wyskakującym okienku — przydatny, gdy potrzebujesz po prostu wezwania do działania.

<a
  class="cloomba-checkout--button"
  data-cloomba-event="your-event"
>Register for Event</a>
<script src="https://cloomba.com/embed/button.js" async></script>

Przycisk ma domyślny styl. Aby użyć własnego stylu, usuń klasę cloomba-checkout--button i ostyluj element <a> według uznania — wyskakujące okienko nadal będzie działać.

Dostosowywanie

Wbudowana karta — dodaj parametry zapytania do adresu src (np. …/embed/e/your-event?theme=dark):

Parametr	Wartości	Co robi
`locale`	`en`, `sk`, `uk`, …	Język karty
`theme`	`light`, `dark`	Wymuszenie jasnego lub ciemnego (domyślnie: zgodnie z ustawieniami odwiedzającego)
`accent`	`%23rrggbb`	Nadpisanie koloru akcentu (`#` zapisz jako `%23`)
`bg`	`transparent`, `%23rrggbb`	Tło karty — `transparent` wtapia się w Twoją stronę

Przycisk — przekaż te same opcje jako atrybuty data-cloomba-*; zostaną one przekazane do wyskakującego okienka:

<a
  class="cloomba-checkout--button"
  data-cloomba-event="your-event"
  data-cloomba-locale="sk"
  data-cloomba-theme="dark"
>Register</a>
<script src="https://cloomba.com/embed/button.js" async></script>

Warto wiedzieć

Osadzać można tylko wydarzenia publiczne i niepubliczne (unlisted) — wydarzenia prywatne się nie renderują.
Rejestracja wymaga konta Cloomba (bez anonimowych zapisów), więc odwiedzający logują się wewnątrz widżetu lub wyskakującego okienka. Płatne bilety zawsze finalizuje się w Cloomba.
Dodaj skrypt embed.js / button.js raz na stronę, nawet przy kilku osadzeniach.