Vložení události na váš web

Kteroukoli ze svých událostí můžete umístit na vlastní web dvěma způsoby: jako vloženou kartu, na kterou lidé mohou přímo odpovědět RSVP, nebo jako tlačítko, které událost otevře ve vyskakovacím okně. Zkopírujte si jedno z nich ze sekce Spravovat → Pokročilé → Vložení vaší události.

Nahraďte your-event adresou vaší události (část za /e/ v její URL).

Vložená karta

Zobrazí událost — obálku, datum, místo a tlačítko RSVP — přímo na vaší stránce.

<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 upraví velikost karty tak, aby se přizpůsobila. Na bezplatné události lze odpovědět RSVP přímo v kartě (návštěvníci se přihlásí uvnitř widgetu); placené události otevřou Cloomba pro dokončení platby.

Registrační tlačítko

Tlačítko, které událost otevře v centrovaném vyskakovacím okně — hodí se, když chcete jen výzvu k akci.

<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čítko má výchozí styl. Chcete-li použít vlastní styling, odeberte třídu cloomba-checkout--button a nastylujte <a> jakkoli chcete — vyskakovací okno bude i tak fungovat.

Přizpůsobení

Vložená karta — přidejte parametry dotazu do URL src (např. …/embed/e/your-event?theme=dark):

Parametr	Hodnoty	Co dělá
`locale`	`en`, `sk`, `uk`, …	Jazyk karty
`theme`	`light`, `dark`	Vynutí světlý nebo tmavý režim (výchozí: podle návštěvníka)
`accent`	`%23rrggbb`	Přepíše barvu akcentu (znak `#` zapište jako `%23`)
`bg`	`transparent`, `%23rrggbb`	Pozadí karty — `transparent` splyne s vaší stránkou

Tlačítko — předejte stejné možnosti jako atributy data-cloomba-*; přeposílají se do vyskakovacího 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é vědět

Vložit lze pouze veřejné a neuvedené události — soukromé události se nevykreslí.
Registrace vyžaduje účet Cloomba (žádné anonymní přihlášky), takže se návštěvníci přihlásí uvnitř widgetu nebo vyskakovacího okna. Placené vstupenky se vždy dokončí na Cloomba.
Skript embed.js / button.js přidejte na stránku jen jednou, i když máte několik vložení.