Contexto: Tercera sección del flujo del trámite (junto a Formulario y Etapas). Diseña, estructura y genera el archivo final que recibe el ciudadano al completar la solicitud (PDF, certificado, permiso, habilitación, certificado blockchain). El documento se arma con un editor drag-and-drop que combina elementos visuales (texto, imágenes, separadores) y variables del trámite (datos del ciudadano, respuestas del formulario, observaciones).
Audiencia: funcionarios con rol superadministrador, administrador o editor (los que arman la salida del trámite).
Cuándo aplicar: después de configurar el formulario y las etapas, al definir cómo se ve y qué incluye el documento que se entrega al ciudadano.
Documento de salida
🎬 Video: Documento de salida — Editado Ver video
En esta sección podrás diseñar el documento final que recibe el ciudadano al cerrarse el trámite, combinando elementos visuales (titular, texto, imágenes) y variables del trámite (datos del ciudadano, respuestas del formulario, observaciones, firmas).
1. Acceder al editor
Desde la pantalla de configuración del trámite (sección “Etapas” del flujo), abre la sección 3 Documento de salida desde la columna izquierda. La cruz roja al lado del nombre indica que la sección todavía no está configurada.
2. Elegir la versión del configurador
La primera vez que entras, se abre la ventana “Elige la versión de tu configurador” con el texto: “Elige la versión del configurador con la que deseas crear tu template para este trámite.”
| Opción | Cuándo elegirla |
|---|---|
| Versión 1 | “En esta versión las secciones ya están predefinidas.” Útil cuando el documento sigue un layout estándar. |
| Versión 2 | “En esta versión puedes elegir cuantas secciones desees.” Útil cuando necesitas un layout libre. |
Confirma con “Aceptar” o vuelve atrás con “Regresar”.
ℹ️ La versión elegida determina los elementos disponibles en el editor. Esta documentación describe Versión 2 (configurador libre); Versión 1 tiene un layout predefinido similar pero con secciones fijas.
3. Conocer el editor
El editor del documento se divide en dos paneles:
- Panel izquierdo: catálogo de elementos arrastrables, organizado en dos pestañas: ESTRUCTURA y CATÁLOGO.
- Panel central: lienzo donde se arma el documento. Empieza vacío y crece a medida que arrastras elementos.
En la esquina superior izquierda del panel hay un encabezado “Documento de salida” con flecha de retorno para volver al trámite.
4. Pestaña ESTRUCTURA — elementos visuales
La pestaña “ESTRUCTURA” contiene los elementos de layout y formato. Se dividen en dos grupos:
Columnas
Define cuántas columnas tiene una fila del documento:
| Tarjeta | Qué configura |
|---|---|
| 1 columna | Una sola columna a todo el ancho. |
| 2 columnas | Fila con dos columnas iguales. |
| 3 columnas | Fila con tres columnas iguales. |
Arrastra la tarjeta al lienzo para crear la fila.
Estilos
Elementos de contenido que se arrastran al lienzo (o dentro de columnas):
| Tarjeta | Qué inserta |
|---|---|
| Titular | Encabezado con tamaño grande (H1 por defecto). |
| Texto | Bloque de párrafo o lista. |
| Separador de secciones | Banda horizontal gris que divide secciones del documento. |
| Línea de división | Línea horizontal sutil para separar contenido sin agregar peso visual. |
| Imagen | Bloque para subir o arrastrar una imagen. Tamaño recomendado: 550x450px, máximo 10MB. Formatos: JPG, JPEG, PNG. |
| Salto de página | Marca el inicio de una página nueva en el PDF generado. |
Editar un elemento de texto
Al hacer clic en un bloque de Titular o Texto se abre un editor flotante con opciones de formato:
- Color del texto (cuadrado de color al inicio).
- B (negrita) / I (cursiva) / tachado.
- Encabezados H1 / H2 / H3 / H4 / H5 / H6 y P (párrafo).
- 4 alineaciones (izquierda / centro / derecha / justificado).
- Botón “sin formato” (X con barra).
Para bloques de Texto, el editor flotante suma además: insertar link, quitar link, lista no ordenada y lista ordenada.
Cada bloque tiene a su derecha tres íconos: paleta (color de fondo del bloque), disquete (guardar cambios del bloque) y cruz roja (descartar / eliminar).
Configurar una imagen
Al subir una imagen, aparece encima una barra con cinco controles:
| Control | Qué configura |
|---|---|
| Alineación | Izquierda / centro / derecha. |
| Eliminar | Quita la imagen del bloque. |
| Contenedor | Casilla para envolver la imagen en un contenedor con fondo. |
| Anchura máxima | Slider de 0 a 100% del ancho disponible. |
| Altura máxima | Slider de 0 a 100% de la altura disponible. |
ℹ️ El texto guía del bloque vacío de imagen dice “Sube o arrastra tu imagen para el encabezado”, pero la imagen puede usarse en cualquier parte del documento (no solo en el encabezado).
5. Pestaña CATÁLOGO — variables del trámite
La pestaña “CATÁLOGO” lista las variables que se pueden insertar en el documento. Cada variable es un chip arrastrable que, al soltarse en el lienzo, queda enlazado al dato real del trámite (se reemplaza automáticamente al generar el documento).
Las variables están agrupadas en cinco acordeones expandibles:
Guía - Catálogo del trámite
Datos identificadores del trámite. Variable disponible:
- Folio de la solicitud — número único asignado al expediente.
Perfil ciudadano
Datos del ciudadano que inicia el trámite. Variables disponibles (catálogo estándar):
- CUIL
- Nombre
- Fecha de nacimiento
- Email de contacto
- Teléfono celular
- Teléfono fijo
- Código postal
- Barrio
- Provincia
- Municipio
- Calle
- Número
- Depto.
- Referencias
Formulario ciudadano
Respuestas que el ciudadano cargó en el formulario del trámite. Las variables disponibles dependen de los campos definidos en la sección 1 Formulario del trámite.
Campo abierto
Variables que cargan los funcionarios durante la gestión del trámite. Variables disponibles:
- Dictámenes — dictámenes técnicos cargados durante el flujo.
- Observaciones de emisión — observaciones cargadas en la etapa de Emisión (si la opción “Permitir al operador agregar observaciones” está activa en esa etapa).
Firmas
Datos relativos a la certificación final del documento. Variable disponible:
- Fecha de certificación — fecha en la que se aprueba la etapa de Emisión y se genera el documento.
6. Configurar fechas de expiración
Si el documento debe tener vigencia (permiso, licencia, certificación con plazo), configura las fechas de expiración en una sección dedicada. Ver Fechas de expiración.
Páginas en esta sección
| Manual | Para qué sirve |
|---|---|
| Fechas de expiración | Configurar la vigencia del documento (lógica Permiso o Licencia). |
Tips y recomendaciones
Antes de armar el documento
- Define el layout en papel: ¿una columna o varias? ¿hay encabezado con logo? ¿hay sello al pie?
- Inventaria las variables que necesitas: revisa qué campos del Formulario van al documento, qué datos del ciudadano se imprimen y qué firmas/fechas se incluyen al final. Con eso claro, el armado del template es más rápido.
- Verifica la etapa de Emisión: si vas a incluir “Observaciones de emisión” o “Dictámenes”, asegúrate de que la etapa Emisión tenga “Permitir al operador agregar observaciones” activado.
Durante el armado
- Usa la pestaña ESTRUCTURA primero para armar el esqueleto del documento (columnas, separadores, saltos de página) y la pestaña CATÁLOGO después para insertar las variables en su lugar.
- Salto de página: úsalo cuando el documento tenga 2 o más hojas para que el quiebre quede limpio en el PDF.
Después de armar
- Prueba el documento con Whitelist: genera un trámite de prueba y verifica que las variables se reemplacen correctamente y el layout se vea bien en PDF.
Ver también
Antes de armar el documento:
- Formulario — los campos del formulario son los que se reemplazan en el documento (pestaña CATÁLOGO → Formulario ciudadano).
- Etapas — define las etapas operativas que preceden la emisión.
Componentes:
- Fechas de expiración — vigencia del documento.
Después de armar: