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 které lidé mohou rovnou potvrdit účast, nebo jako tlačítko, které otevře událost ve vyskakovacím okně. Obojí zkopírujete v sekci Spravovat → Pokročilé → Vložit u své události.

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

Vložená karta

Zobrazí událost — titulní obrázek, datum, místo a tlačítko pro potvrzení účasti — 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"
  allow="payment"
  title="My event"
></iframe>
<script src="https://cloomba.com/embed/embed.js" async></script>

Skript embed.js přizpůsobí velikost karty tak, aby se vešla. Návštěvníci se zaregistrují a zaplatí kartou přímo v kartě; v Safari jim allow="payment" umožní platit i přes Apple Pay.

Registrační tlačítko

Tlačítko, které otevře událost ve vyskakovacím okně na střed stránky — 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. Pokud chcete použít vlastní styl, odeberte třídu cloomba-checkout--button a nastylujte prvek <a> jakkoli chcete — vyskakovací okno bude i tak fungovat.

Přizpůsobení

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

Parametr	Hodnoty	Co dělá
`locale`	`en`, `sk`, `uk`, …	Výchozí jazyk karty
`theme`	`light`, `dark`	Vynutit světlý nebo tmavý režim (výchozí: podle návštěvníka)
`accent`	`%23rrggbb`	Přepsat barvu zvýraznění (znak `#` zapište jako `%23`)
`bg`	`transparent`, `%23rrggbb`	Pozadí karty — `transparent` splyne s vaší stránkou
`coupon`	kód kupónu	Použije kód, když host otevře pokladnu — viz Slevové kupóny
`utm_source`	štítek, např. `partner-site`	Počítá návštěvy a registrace z tohoto vložení pod tímto štítkem — viz Sledovací odkazy

locale nastaví jazyk, ve kterém se karta otevře, nikoli jediný, který umí zobrazit: každá karta má v patičce výběr jazyka, takže návštěvník může přepnout na svůj vlastní. Pokud locale vynecháte, karta se otevře v jazyce prohlížeče návštěvníka.

Tlačítko — stejné možnosti předáte jako atributy data-cloomba-*; přenesou 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>

Kupón a štítek jsou 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 vaši stránku události na Cloombě si s sebou nesou kupón i štítek.

Dobré vědět

Vložit lze pouze veřejné a neveřejné (unlisted) události — soukromé události se nevykreslí.
Návštěvníci se k registraci přihlásí uvnitř widgetu nebo vyskakovacího okna. Placené vstupenky lze koupit i jen se jménem a e-mailem — vstupenka přijde e-mailem.
Skript embed.js / button.js přidejte na stránku jednou, i když na ní máte více vložení.