Embed an event on your website

You can put any of your events on your own website in two ways: an inline card people can RSVP to in place, or a button that opens the event in a pop-up. Copy either from your event's Manage → Advanced → Embed section.

Replace your-event with your event's address (the part after /e/ in its URL).

Inline card

Shows the event — cover, date, location, and an RSVP button — right on your page.

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

The embed.js script resizes the card to fit. Visitors register and pay by card right in the card; in Safari, allow="payment" lets them pay with Apple Pay too.

Registration button

A button that opens the event in a centered pop-up — handy when you just want a call-to-action.

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

The button comes with a default style. To use your own styling, remove the cloomba-checkout--button class and style the <a> however you like — the pop-up still works.

Customizing

Inline card — add query parameters to the src URL (e.g. …/embed/e/your-event?theme=dark):

Parameter	Values	What it does
`locale`	`en`, `sk`, `uk`, …	Starting language of the card
`theme`	`light`, `dark`	Force light or dark (default: follows the visitor)
`accent`	`%23rrggbb`	Override the accent color (write `#` as `%23`)
`bg`	`transparent`, `%23rrggbb`	Card background — `transparent` blends into your page

locale sets the language the card opens in, not the only one it can show: every card carries a language picker in its footer, so a visitor can switch to their own language. Leave locale out and the card opens in the visitor's browser language.

Button — pass the same options as data-cloomba-* attributes; they're forwarded to the pop-up:

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

Good to know

Only public and unlisted events can be embedded — private events don't render.
Visitors sign in inside the widget or pop-up to register. Paid tickets can also be bought with just a name and email — the ticket arrives by email.
Add the embed.js / button.js script once per page, even with several embeds.