Crear Plantillas de Documentos

Aprenda a crear plantillas de documentos profesionales con el editor visual de Interflow.

Creando una Nueva Plantilla

Paso 1: Acceder a Plantillas

1. En el menú lateral, vaya a Plantillas de Documentos
2. Haga clic en "+ Nueva Plantilla"
3. Complete la información básica:
   • Nombre: Identificación de la plantilla (ej: "Contrato de Prestación de Servicios")
   • Descripción: Detalles sobre el uso de la plantilla
   • Tipo de Entidad: Seleccione Cliente u otro tipo

Paso 2: Editor HTML

El editor ofrece herramientas completas de formato:

Formato de Texto

• Negrita (Ctrl/Cmd + B)
• Cursiva (Ctrl/Cmd + I)
• Subrayado (Ctrl/Cmd + U)
• Tachado
• Colores de texto y fondo
• Tamaños de fuente

Estructura

• Encabezados (H1 a H6)
• Listas ordenadas y desordenadas
• Tablas
• Divisores horizontales
• Bloques de citas

Alineación

• Izquierda
• Centro
• Derecha
• Justificado

Insertar Variables

Variables del Sistema

Use la sintaxis {{variable}} para insertar datos dinámicos:

Nombre: {{customer.name}}
Email: {{customer.email}}
Teléfono: {{customer.phone}}
Fecha: {{date.current_date}}

Panel de Variables

El panel lateral derecho muestra todas las variables disponibles:

Datos del Cliente

{{customer.name}} // Juan Silva
{{customer.email}} // juan@email.com
{{customer.phone}} // (11) 98765-4321
{{customer.document}} // DNI/CUIT
{{customer.address.street}} // Calle de las Flores
{{customer.address.city}} // Buenos Aires
{{customer.address.state}} // BA
{{customer.address.zip_code}} // C1234ABC

Datos del Sistema

{{date.current_date}} // 2026-02-24
{{date.current_time}} // 14:30:00
{{organization.name}} // Nombre de la Empresa
{{user.name}} // Nombre del Usuario

Variables Personalizadas

Haga clic en "Configurar Variables Personalizadas" para crear campos específicos:

{{custom.valor}} // Valor personalizado
{{custom.plazo}} // Plazo en días
{{custom.descuento}} // Porcentaje de descuento

Tipos de variables personalizadas:

• text - Texto libre
• number - Números
• date - Fechas
• boolean - Verdadero/Falso

Configuraciones Avanzadas

Marca de Agua

Marca de Agua de Texto

1. Active "Habilitar marca de agua"
2. Seleccione Tipo: "Texto"
3. Configure:
   • Texto: "CONFIDENCIAL", "BORRADOR", etc.
   • Opacidad: 0.1 a 1.0 (recomendado: 0.2-0.3)
   • Rotación: -45° a 45° (predeterminado: -45°)

Ejemplo:

Texto: CONFIDENCIAL
Opacidad: 0.2
Rotación: -45°

Marca de Agua de Imagen

1. Seleccione Tipo: "Imagen"
2. Pegue la URL de la imagen
3. Configure:
   • Página Completa: Cubrir toda la página
   • Opacidad: 0.1 a 1.0
   • Ancho/Alto: Dimensiones personalizadas (vw/vh o px)

Ejemplo:

URL: https://ejemplo.com/logo.png
Página Completa: Sí
Opacidad: 0.15

Configuración de Página (PDF)

Márgenes

Configure los márgenes del documento en milímetros:

Superior: 20mm
Inferior: 20mm
Izquierda: 20mm
Derecha: 20mm

Valores recomendados:

• Predeterminado: 20mm en todos los márgenes
• Documento Formal: 25mm superior/inferior, 30mm laterales
• Sin Márgenes: 0mm (para diseños personalizados)

Márgenes más pequeños aprovechan mejor el espacio, pero pueden dificultar la impresión. Use al menos 10mm para documentos que se imprimirán.

Guardar la Plantilla

1. Revise todo el contenido en el editor
2. Verifique las variables y helpers
3. Pruebe las configuraciones de marca de agua y márgenes
4. Haga clic en "Guardar Plantilla"

Buenas Prácticas

Diseño

• Use encabezados claros para organizar el contenido
• Mantenga espaciado consistente entre secciones
• Elija fuentes legibles (Helvetica, Arial, Times New Roman)
• Use tablas para organizar datos estructurados

Variables

• Pruebe con datos reales antes de finalizar
• Use valores predeterminados para variables opcionales
• Agregue contexto alrededor de las variables (ej: "DNI: {{customer.document}}")

Formato

• Use estilos en línea para garantizar que el formato se preserve
• Evite fuentes externas que puedan no estar disponibles en la exportación
• Pruebe en ambos formatos (PDF y DOCX) para garantizar compatibilidad

Rendimiento

• Optimice imágenes antes de usar como marca de agua (máx 2MB)
• Evite plantillas muy complejas (>5000 líneas de HTML)
• Use condicionales para mostrar solo datos relevantes

Atención

Algunos estilos CSS pueden no ser compatibles por igual en PDF y DOCX. Siempre pruebe la generación en ambos formatos.

Próximo Paso

Ahora que sabe cómo crear plantillas, aprenda a usar Variables y Helpers para hacer sus documentos aún más dinámicos y potentes!