Integración del Widget (Iframe)

Para integrar el widget en tu sitio web, utiliza el siguiente código HTML. Es obligatorio proporcionar una apiKey válida para que el widget se conecte a tu flujo de datos.

docs.install.implementationTitle

docs.install.implementationDesc

window.addEventListener("message", (event) => {
  if (event.data && event.data.type === "WIDGET_READY") {
    const iframe = document.querySelector(".flash-draw-iframe");
    // 1. Enviar Token de Autenticación
    iframe.contentWindow.postMessage({
      type: "INITIALIZE_WIDGET",
      payload: { token: "TU_TOKEN_JWT" }
    }, "*");

    // 2. Opcional: Inyectar estilos personalizados
    iframe.contentWindow.postMessage({
      type: "UPDATE_THEME",
      payload: { "--primary-color": "#33FFAD" }
    }, "*");
  }
});

Código de Ejemplo

<iframe
  src="https://your-domain.com/widget?apiKey=v7c8x9z0-demo-f341-4e2b-a765-loto-express"
  width="100%"
  height="700px"
  frameborder="0"
  allowtransparency="true"
  style="border-radius: 20px; overflow: hidden;"
></iframe>

Parámetros de la URL

Parameter	Type	Required	Description
apiKey	String	Yes	Identificador único para autenticar el widget y cargar el perfil de usuario.
type	String	No	Tipo de animación (default, widget-2, etc.). Permite cambiar el estilo de las máquinas de sorteo.