Vloženie podujatia na vašu webovú stránku

Ktorékoľvek zo svojich podujatí môžete umiestniť na vlastnú webovú stránku dvomi spôsobmi: ako vloženú kartu, na ktorej ľudia môžu priamo potvrdiť účasť, alebo ako tlačidlo, ktoré otvorí podujatie vo vyskakovacom okne. Oboje si skopírujte v sekcii svojho podujatia Spravovať → Rozšírené → Vloženie.

Nahraďte your-event adresou svojho podujatia (časť za /e/ v jeho URL).

Vložená karta

Zobrazí podujatie — titulný obrázok, dátum, miesto a tlačidlo na potvrdenie účasti — priamo na vašej stránke.

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

Skript embed.js prispôsobí veľkosť karty. Na bezplatných podujatiach je možné potvrdiť účasť priamo v karte (návštevníci sa prihlásia vo widgete); platené podujatia otvoria Cloomba na dokončenie platby.

Registračné tlačidlo

Tlačidlo, ktoré otvorí podujatie v centrovanom vyskakovacom okne — hodí sa, keď chcete len výzvu k akcii.

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

Tlačidlo má predvolený štýl. Ak chcete použiť vlastný štýl, odstráňte triedu cloomba-checkout--button a naštýlujte <a> podľa ľubovôle — vyskakovacie okno bude aj tak fungovať.

Prispôsobenie

Vložená karta — pridajte parametre dotazu do URL v src (napr. …/embed/e/your-event?theme=dark):

Parameter	Hodnoty	Čo robí
`locale`	`en`, `sk`, `uk`, …	Jazyk karty
`theme`	`light`, `dark`	Vynúti svetlý alebo tmavý režim (predvolene: podľa návštevníka)
`accent`	`%23rrggbb`	Prepíše zvýrazňujúcu farbu (`#` píšte ako `%23`)
`bg`	`transparent`, `%23rrggbb`	Pozadie karty — `transparent` splynie s vašou stránkou

Tlačidlo — rovnaké možnosti odovzdajte ako atribúty data-cloomba-*; prepošlú sa do vyskakovacieho okna:

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

Dobré vedieť

Vložiť možno iba verejné a neuvedené podujatia — súkromné podujatia sa nevykreslia.
Registrácia vyžaduje účet Cloomba (bez anonymných prihlásení), takže návštevníci sa prihlásia vo widgete alebo vyskakovacom okne. Platené lístky sa vždy dokončia na Cloomba.
Skript embed.js / button.js pridajte na stránku raz, aj keď máte viac vložení.