> For the complete documentation index, see [llms.txt](https://docs.facephi.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.facephi.com/productos/idv-suite/flujos-and-integraciones/integraciones-no-code-low-code/integraciones-no-code.md). # Integraciones No-code La integración No-Code es la forma más rápida de poner en marcha un flujo de verificación. IDV Suite genera una experiencia web alojada y gestionada íntegramente por la plataforma: tú configuras el aspecto, el idioma y el comportamiento, y obtienes una URL o un código embebible listo para usar. Sin desarrollo propio. Sin infraestructura adicional. **¿Cuándo usar No-Code?** Ideal para pilotos, POCs, campañas puntuales o cualquier caso donde necesites velocidad de despliegue y la personalización de UX no sea un requisito crítico. *** {% hint style="info" %} ### Prerrequisitos Antes de crear una integración No-Code asegúrate de tener: * Acceso al módulo **Flujos & Integraciones** en la plataforma IDV Suite. * Un **tenant** activo con las licencias correspondientes. * Un **flujo publicado** en el Diseñador de flujos (con su Workflow ID). {% endhint %} *** ### Crear una integración No-Code Desde el módulo **Flujos & Integraciones**, pulsa **+ Nueva Integración**. La plataforma mostrará un modal con dos pasos: #### **Paso 1 — Elegir el tipo de integración** Selecciona **No-Code** entre las opciones disponibles y pulsa **Continue**. ![Selector de tipo de integración — No-Code vspero como Low-Code](/files/Gh3zgENohtxjnBP0aakh) #### **Paso 2 — Seleccionar el flujo** Elige el flujo publicado al que quieres asociar la integración. Puedes buscar por nombre o filtrar por tipo y estado. Solo los flujos en estado **Publicado** estarán disponibles. ![Selección del flujo para la integración No-Code](/files/6U67NqBgvIzRfxjWMp1E) Una vez confirmado, se creará la integración con un nombre automático del tipo `INT-NOCODE-001` y quedará en estado **Draft**. A partir de aquí, el proceso de configuración tiene tres pasos: **Customise → Connect → Set up**. *** ### Configuración visual (Customise) La pestaña **Customise** permite adaptar la apariencia del flujo a la identidad visual del cliente. Los cambios se reflejan en tiempo real en el panel **Preview** de la derecha. ![Pantalla Customise — estado inicial y con logo cargado](/files/Atb2KUs0BrG2MTvrEAkn) #### Imágenes | Elemento | Obligatorio | Descripción | | ----------- | ----------- | ------------------------------------------------------------------------------------------------------------------------- | | **Logo** | ✅ Sí | Logotipo que aparece en la cabecera del flujo. Formato PNG o JPG. | | **Favicon** | ❌ No | Icono de la pestaña del navegador. Activa el toggle **Use your logo as favicon** para reutilizar el logo automáticamente. | {% hint style="info" %} Si activas **Use your logo as favicon**, la ranura del favicon quedará oculta. Al desactivarlo volverá a mostrarse con la imagen que había cargada. {% endhint %} #### Tipografía Selecciona la fuente aplicada a todo el flujo. Hay diferentes tipos:
Selector de tipografía desplegado
#### Colores | Campo | Obligatorio | Descripción | | -------------- | ----------- | --------------------------------- | | **Primary** | ✅ Sí | Botones y elementos principales. | | **Secondary** | ✅ Sí | Fondos secundarios y enlaces. | | **Tertiary** | ✅ Sí | Etiquetas y elementos de soporte. | | **Background** | ❌ No | Color de fondo general del flujo. | Todos los colores deben introducirse en formato hexadecimal (`#RRGGBB`). Puedes eliminar un color usando la **X** junto al campo; el Preview reflejará el estado resultante. ![Customise con los colores de aplicados — resultado en Preview](/files/RkzA9N8Pn3al19qPpaLg) {% hint style="warning" %} Los campos **Primary**, **Secondary** y **Tertiary** son obligatorios. Sin ellos no podrás avanzar al siguiente paso {% endhint %} Una vez configurado el aspecto, pulsa **Next step** para continuar. *** ### Configuración de webhook (Connect) El paso **Connect** permite configurar un webhook para que tu backend reciba notificaciones en tiempo real sobre los eventos del flujo (inicio, OCR, validación, resultado final, etc.). Este paso es **opcional**. Si no necesitas notificaciones en tiempo real, puedes saltar directamente a **Set up**. ![Pantalla Connect — webhook desactivado (izquierda) y activado con campos visibles (derecha)](/files/qSRQbRRUdNarr7yyotz9) Al activar el toggle **Webhook**, aparecerán los campos de configuración: | Campo | Descripción | | ------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------- | | **URL** | Endpoint de tu backend que recibirá los eventos. | | **Webhook header** | Cabeceras personalizadas (clave/valor) para autenticar o identificar las llamadas. | | **OAuth Authentication** | Activa autenticación OAuth sobre el webhook. | | **Health URL** | URL de comprobación de estado del endpoint. | | **Eventos** | Selecciona qué eventos disparan el webhook: `Start`, `Change of Steps`, `OCR`, `Assets`, `Passive liveness`, `Facial Matching`, `Operation Results`. | {% hint style="info" %} La documentación detallada del payload de cada evento y la morfología de las notificaciones está disponible en la sección **Webhooks** de esta documentación. {% endhint %} {% hint style="warning" %} Las integraciones No-Code utilizan exclusivamente **flujos públicos**. Si tu caso de uso requiere el envío de datos sensibles desde backend antes de iniciar el flujo, contacta con tu interlocutor en Facephi para valorar la modalidad adecuada. {% endhint %} Pulsa **Siguiente paso** para continuar. *** ### 1.3.4 Configuración de la landing y publicación (Set up) El paso **Set up** recoge los parámetros funcionales del flujo y genera la integración lista para publicar. ![Pantalla Set up — configuración de la landing page](/files/UCo65vtiiNQccla5oLWx) | Campo | Obligatorio | Descripción | | -------------------------------------- | ----------- | -------------------------------------------------------------------------------- | | **Title** | ✅ Sí | Título visible en la cabecera del flujo. | | **Output URL** | ❌ No | URL a la que se redirigirá al usuario al completar el flujo. | | **Language** | ✅ Sí | Idioma principal del flujo (`English`, `Spanish`, etc.). | | **Restrict access from URLs** | ❌ No | Lista de dominios desde los que puede iniciarse el flujo (control de origen). | | **API Key** | ✅ Sí | Se genera automáticamente. Identifica la integración en las llamadas al sistema. | | **Show QR to view the mobile version** | ❌ No | Muestra un código QR para iniciar el flujo desde un dispositivo móvil. | {% hint style="warning" %} La **API Key** se genera automáticamente al crear la integración y no debe compartirse públicamente. No existe motivo técnico para que el usuario final la conozca. {% endhint %} Una vez completados los campos, pulsa **Publish Integration**. La plataforma mostrará una confirmación y la integración pasará a estado **Configured**, iniciando el proceso de solicitud de publicación. {% hint style="info" %} Pulsar ***Publicar*** no publica la integración de forma inmediata. El estado pasa a **Configured** y se genera una solicitud de publicación que debe ser aprobada. Hasta que no esté en estado **Publicado** el flujo no será accesible externamente. {% endhint %} Una vez publicada, desde el listado de Integraciones podrás ver y copiar el **Integration ID** asociado a esta integración. Este identificador es el que vincula tu canal con el flujo y aparece en el registro de operaciones generadas. ![Integration ID visible en el listado de integraciones](/files/mIXOQa6kTHyMp8R3Mn8f) *** ### 1.3.5 Estados y acciones disponibles Desde el listado de **Integraciones** puedes ver el estado de cada integración y las acciones disponibles en cada momento. ![Listado de integraciones con estados y menú de acciones](/files/bFZQGCnOmTZPO6VrqKFY) | Estado | Descripción | Acciones disponibles | | ------------------------ | --------------------------------------------------------- | --------------------------------------- | | **Draft** | En configuración. No accesible externamente. | Edit Flow · Edit Configuration · Delete | | **Configured** | Configuración completada, pendiente de publicación. | Edit Flow · Edit Configuration · Delete | | **Waiting for approval** | Solicitud de publicación enviada, pendiente de revisión. | — (sin acciones disponibles) | | **Published** | Activa y operativa. Los usuarios pueden acceder al flujo. | Edit Configuration · Unpublish · Play | {% hint style="info" %} La acción **Play** (solo disponible en No-Code una vez publicada) permite previsualizar y probar el flujo directamente desde la plataforma. {% endhint %} *** ### Seguimiento de operaciones Cada vez que un usuario completa o abandona el flujo, IDV Suite registra una **operación** en el módulo de Operaciones. Desde allí puedes: * Ver el estado y resultado de cada verificación. * Revisar los datos capturados (documento, biometría, validaciones). * Escalar a revisión manual si está configurada en el flujo. *** ### Resumen Con una integración No-Code tienes un flujo de verificación operativo en minutos: 1. **Crea** la integración seleccionando tipo No-Code y el flujo publicado. 2. **Customiza** — ajusta logo, colores y tipografía. 3. **Conecta** — configura el webhook si necesitas notificaciones en tiempo real. 4. **Configura** — define título, idioma, URL de salida y publica. 5. **Monitoriza** las operaciones desde el módulo de Operaciones. ¿Necesitas integración nativa en tu web o app? Consulta [Integración Low-Code.](/productos/idv-suite/flujos-and-integraciones/integraciones-no-code-low-code/integraciones-low-code.md)