¿Qué es el Diseñador?
El Diseñador de Plantillas HTML te permite crear y personalizar plantillas profesionales
para facturas, presupuestos, brochures y más, de forma visual y sin necesidad de código.
Cómo Empezar
- Nueva Plantilla: Crea una plantilla desde cero con un diseño
básico.
- Cargar Plantilla: Selecciona una plantilla predefinida del sistema
o una guardada anteriormente.
- Editar: Haz clic en cualquier elemento del canvas para editarlo
directamente.
- Agregar Elementos: Usa la barra de herramientas inferior para
añadir texto, imágenes, tablas, etc.
Barra de Herramientas
Texto: Agrega bloques de texto editables
Título: Inserta títulos y subtítulos
Imagen: Añade imágenes a tu plantilla
Enlace: Crea enlaces clicables
Tabla: Inserta tablas para datos estructurados
Divisor: Añade líneas separadoras
Variable: Inserta variables dinámicas ({{nombre}}, {{total}},
etc.)
Variables Dinámicas
Puedes usar variables en tus plantillas que se reemplazarán automáticamente con datos
reales:
{{cliente.nombre}} - Nombre del cliente
{{cliente.email}} - Email del cliente
{{factura.numero}} - Número de factura
{{factura.total}} - Total de la factura
{{fecha}} - Fecha actual
{{empresa.nombre}} - Nombre de la empresa
Guardar y Exportar
- Guardar Plantilla: Guarda tu diseño para usarlo más tarde
- Exportar PDF: Genera un archivo PDF de tu plantilla
- Ver Código: Alterna entre vista previa y código HTML para edición
avanzada
Controles de Vista
En la esquina inferior derecha del canvas encontrarás controles para:
- Zoom Out: Alejar la vista
- Zoom In: Acercar la vista
- Reset: Restaurar zoom al 100%
- Ajustar: Ajustar automáticamente al tamaño de pantalla
Atajos de Teclado
Ctrl + Z - Deshacer
Ctrl + Y - Rehacer
Ctrl + S - Guardar
Ctrl + E - Exportar PDF
Tip: Puedes hacer clic directamente en cualquier texto del canvas para
editarlo. Los cambios se aplican automáticamente.