> ## Documentation Index
> Fetch the complete documentation index at: https://knowledge.nufi.mx/llms.txt
> Use this file to discover all available pages before exploring further.

# Integracion por iframe

> Embebe el flujo de KYB directamente en tu aplicacion

## Descripcion general

KYB permite embeber el flujo completo de carga de documentos dentro de tu aplicacion mediante un iframe. Esto te permite:

* Mantener al usuario dentro de tu plataforma sin redireccionamientos
* Personalizar la apariencia (colores, tipografia, bordes) desde la configuracion de KYB
* Recibir eventos en tiempo real sobre el progreso del expediente

***

## Como embeber el iframe

Utiliza la URL de guest con el parametro `?isiframe=true`:

```html theme={null}
<iframe
  id="kyb-iframe"
  src="https://app.nufi.mx/guest/{accessToken}?isiframe=true"
  style="width: 100%; height: 800px; border: none;"
  allow="camera; microphone">
</iframe>
```

<Note>
  El `accessToken` se obtiene al crear un expediente via API. Es unico por expediente.
</Note>

***

## Modos de visualizacion

Al activar el modo iframe, KYB automaticamente:

* Oculta el menu lateral de navegacion
* Oculta el header y footer
* Aplica los colores y tipografia configurados en el panel de administracion

Puedes configurar estas opciones desde **Configuracion > IFrame** en el panel de administracion de KYB.

***

## Comunicacion con el iframe

KYB envia eventos a tu aplicacion mediante `postMessage` para que puedas reaccionar a cambios en tiempo real.

<CardGroup cols={1}>
  <Card title="PostMessage Events" icon="message">
    Consulta la pagina **PostMessage Events** en esta misma seccion para ver los eventos disponibles, payloads y ejemplo de integracion completo.
  </Card>
</CardGroup>