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

Ktorúkoľvek zo svojich udalostí môžete umiestniť na vlastnú webovú stránku dvoma spôsobmi: ako vloženú kartu, na ktorej môžu ľudia priamo potvrdiť účasť, alebo ako tlačidlo, ktoré otvorí udalosť vo vyskakovacom okne. Oboje skopírujete v sekcii Spravovať → Pokročilé → Vložiť vašej udalosti.

Nahraďte your-event adresou svojej udalosti (časť za /e/ v jej URL).

Vložená karta

Zobrazí udalosť — obálku, 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"
  allow="payment"
  title="My event"
></iframe>
<script src="https://cloomba.com/embed/embed.js" async></script>

Skript embed.js prispôsobí veľkosť karty tak, aby sa zmestila. Návštevníci sa registrujú a platia kartou priamo v karte; v Safari im allow="payment" umožňuje platiť aj cez Apple Pay.

Registračné tlačidlo

Tlačidlo, ktoré otvorí udalosť vo vycentrovanom vyskakovacom okne — vhodné, keď chcete len výzvu na akciu.

<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 nastavte <a> štýl, aký chcete — vyskakovacie okno bude naďalej fungovať.

Prispôsobenie

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

Parameter	Hodnoty	Čo robí
`locale`	`en`, `sk`, `uk`, …	Počiatočný jazyk karty
`theme`	`light`, `dark`	Vynútiť svetlý alebo tmavý režim (predvolené: podľa návštevníka)
`accent`	`%23rrggbb`	Prepísať farbu zvýraznenia (`#` píšte ako `%23`)
`bg`	`transparent`, `%23rrggbb`	Pozadie karty — `transparent` splynie s vašou stránkou
`coupon`	kód kupónu	Uplatní kód, keď hosť otvorí platbu — pozrite Zľavové kupóny
`utm_source`	označenie, napr. `partner-site`	Počíta návštevy a registrácie z tejto vloženej karty pod daným označením — pozrite Sledovacie odkazy

locale nastavuje jazyk, v ktorom sa karta otvorí, nie jediný jazyk, ktorý dokáže zobraziť: každá karta má v päte prepínač jazykov, takže návštevník môže prepnúť na svoj vlastný jazyk. Ak locale vynecháte, karta sa otvorí v jazyku prehliadača návštevníka.

Tlačidlo — rovnaké možnosti odovzdajte ako atribúty data-cloomba-*; prenesú 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>

Kupón a označenie sú data-cloomba-coupon a data-cloomba-utm-source:

<a
  class="cloomba-checkout--button"
  data-cloomba-event="your-event"
  data-cloomba-coupon="EARLYBIRD"
  data-cloomba-utm-source="partner-site"
>Register</a>
<script src="https://cloomba.com/embed/button.js" async></script>

Odkazy z karty na stránku vašej udalosti na Cloomba so sebou nesú kupón aj označenie.

Dobré vedieť

Vložiť možno iba verejné a neuvedené udalosti — súkromné udalosti sa nevykreslia.
Návštevníci sa pri registrácii prihlásia priamo vo widgete alebo vyskakovacom okne. Platené lístky je možné kúpiť aj len s menom a e-mailom — lístok príde e-mailom.
Skript embed.js / button.js pridajte raz na stránku, aj keď máte viacero vložených prvkov.