Incrusta un evento en tu sitio web

Puedes poner cualquiera de tus eventos en tu propio sitio web de dos maneras: una tarjeta integrada a la que la gente puede confirmar su asistencia ahí mismo, o un botón que abre el evento en una ventana emergente. Copia cualquiera de las dos desde la sección Gestionar → Avanzado → Incrustar de tu evento.

Sustituye your-event por la dirección de tu evento (la parte posterior a /e/ en su URL).

Tarjeta integrada

Muestra el evento —portada, fecha, ubicación y un botón de confirmación de asistencia— directamente en tu página.

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

El script embed.js ajusta el tamaño de la tarjeta para que encaje. Los visitantes se registran y pagan con tarjeta directamente en la tarjeta; en Safari, allow="payment" también les permite pagar con Apple Pay.

Botón de registro

Un botón que abre el evento en una ventana emergente centrada: práctico cuando solo quieres una llamada a la acción.

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

El botón viene con un estilo predeterminado. Para usar tu propio estilo, elimina la clase cloomba-checkout--button y da estilo al <a> como quieras: la ventana emergente seguirá funcionando.

Personalización

Tarjeta integrada: añade parámetros de consulta a la URL src (p. ej. …/embed/e/your-event?theme=dark):

Parámetro	Valores	Qué hace
`locale`	`en`, `sk`, `uk`, …	Idioma inicial de la tarjeta
`theme`	`light`, `dark`	Forzar claro u oscuro (por defecto: sigue al visitante)
`accent`	`%23rrggbb`	Anula el color de acento (escribe `#` como `%23`)
`bg`	`transparent`, `%23rrggbb`	Fondo de la tarjeta: `transparent` se mezcla con tu página
`coupon`	un código de cupón	Aplica el código cuando el invitado abre el pago; consulta Cupones de descuento
`utm_source`	una etiqueta, p. ej. `partner-site`	Cuenta las visitas y registros de esta incrustación bajo esa etiqueta; consulta Enlaces de seguimiento

locale establece el idioma en el que se abre la tarjeta, no el único que puede mostrar: cada tarjeta incluye un selector de idioma en su pie, de modo que un visitante puede cambiar a su propio idioma. Deja locale sin especificar y la tarjeta se abrirá en el idioma del navegador del visitante.

Botón: pasa las mismas opciones como atributos data-cloomba-*; se reenvían a la ventana emergente:

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

El cupón y la etiqueta son data-cloomba-coupon y 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>

Los enlaces de la tarjeta a tu página de evento en Cloomba llevan consigo el cupón y la etiqueta.

Bueno saberlo

Solo se pueden incrustar eventos públicos y no listados: los eventos privados no se renderizan.
Los visitantes inician sesión dentro del widget o la ventana emergente para registrarse. Las entradas de pago también se pueden comprar solo con un nombre y un correo electrónico: la entrada llega por correo electrónico.
Añade el script embed.js / button.js una sola vez por página, incluso con varias incrustaciones.