Embed your community calendar on your website

You can embed the calendar of any of your Cloomba communities on your own website. Visitors see your upcoming events in a clean, self-updating widget — no account needed to browse.

Grab the ready-made snippet from your community's Settings tab, in the Embed section, or build it yourself from the examples below.

The snippet

Paste this where you want the calendar to appear. Replace your-community with your community's address (the part after /c/ in its URL).

<iframe
  class="cloomba-embed"
  src="https://cloomba.com/embed/c/your-community"
  style="width: 100%; height: 800px; border: none"
  loading="lazy"
  allow="payment"
  title="My calendar"
></iframe>
<script src="https://cloomba.com/embed/embed.js" async></script>

The embed.js script makes the calendar resize itself to fit its content, so there's never an inner scrollbar or empty space below it. Add it once per page, even if you embed several calendars.

Customizing the calendar

Add options to the src URL as query parameters — for example …/embed/c/your-community?view=week&theme=dark.

Parameter	Values	What it does
`locale`	`en`, `sk`, `uk`, …	Language of the widget
`view`	`month`, `week`, `day`, `list`	Which view to open on
`tz`	e.g. `Europe/Bratislava`	Time zone to show times in
`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
`utm_source`	a label, e.g. `partner-site`	Counts the visits and registrations from this calendar under that label, on the events visitors open from it too — see Tracking links

A dark Slovak calendar opening on the week view:

<iframe
  class="cloomba-embed"
  src="https://cloomba.com/embed/c/your-community?locale=sk&view=week&theme=dark"
  style="width: 100%; height: 800px; border: none"
  loading="lazy"
  allow="payment"
  title="My calendar"
></iframe>
<script src="https://cloomba.com/embed/embed.js" async></script>

Good to know

The widget only shows public events — private and unlisted events never appear.
Clicking an event opens its details inside the widget, where visitors sign in, register and pay by card (in Safari, allow="payment" adds Apple Pay). Each event also links to its full page on Cloomba.
The starting height is only a fallback for the moment before the script loads — after that the widget sizes itself.