Inserta el calendario de tu comunidad en tu sitio web

Puedes insertar el calendario de cualquiera de tus comunidades de Cloomba en tu propio sitio web. Las personas que lo visiten verán tus próximos eventos en un widget limpio que se actualiza solo — no necesitan una cuenta para explorarlo.

Consigue el fragmento ya preparado en la pestaña Ajustes de tu comunidad, en la sección Insertar, o créalo tú mismo a partir de los ejemplos de abajo.

El fragmento

Pega esto donde quieras que aparezca el calendario. Sustituye your-community por la dirección de tu comunidad (la parte después de /c/ en su 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="Mi calendario"
></iframe>
<script src="https://cloomba.com/embed/embed.js" async></script>

El script embed.js hace que el calendario se redimensione solo para ajustarse a su contenido, de modo que nunca haya una barra de desplazamiento interna ni espacio vacío debajo. Añádelo una vez por página, aunque insertes varios calendarios.

Personalizar el calendario

Añade opciones a la URL de src como parámetros de consulta — por ejemplo …/embed/c/your-community?view=week&theme=dark.

Parámetro	Valores	Qué hace
`locale`	`en`, `sk`, `uk`, …	Idioma del widget
`view`	`month`, `week`, `day`, `list`	Vista con la que se abre
`tz`	p. ej. `Europe/Bratislava`	Zona horaria en la que se muestran las horas
`theme`	`light`, `dark`	Forzar claro u oscuro (por defecto: sigue al visitante)
`accent`	`%23rrggbb`	Sobrescribe el color de acento (escribe `#` como `%23`)
`bg`	`transparent`, `%23rrggbb`	Fondo de la tarjeta — `transparent` se integra con tu página
`utm_source`	una etiqueta, p. ej. `partner-site`	Cuenta las visitas y los registros desde este calendario bajo esa etiqueta, también en los eventos que los visitantes abren desde él — consulta Enlaces de seguimiento

Un calendario en eslovaco en modo oscuro que se abre en la vista semanal:

<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="Mi calendario"
></iframe>
<script src="https://cloomba.com/embed/embed.js" async></script>

Bueno saberlo

El widget solo muestra eventos públicos — los eventos privados y no listados nunca aparecen.
Al hacer clic en un evento se abren sus detalles dentro del widget, donde los visitantes inician sesión, se registran y pagan con tarjeta (en Safari, allow="payment" añade Apple Pay). Cada evento también enlaza a su página completa en Cloomba.
La height inicial es solo una alternativa para el momento antes de que se cargue el script — después de eso el widget se ajusta solo.