Editor de Plantillas

El módulo de Plantillas es donde diseñás el aspecto visual de tus pantallas digitales. Usa un editor drag & drop con grilla configurable.

Introducción

Una plantilla define qué componentes aparecen en la pantalla y cómo están distribuidos. Una misma plantilla puede asignarse a múltiples pantallas.

Conceptos Clave

Concepto	Descripción
Grilla	Filas y columnas que dividen la pantalla
Celda	Cada zona de la grilla donde va un componente
Componente	El contenido (texto, imagen, productos, etc.)
Preview	Vista previa de cómo queda

Cómo Usar el Editor

1. Crear Nueva Plantilla

1. Ir a Plantillas → Nueva Plantilla
2. Definir nombre y orientación (horizontal/vertical)
3. Elegir número de filas y columnas
4. Comenzar a agregar componentes

2. Agregar Componentes

1. Click en una celda vacía
2. Seleccionar componente de la biblioteca
3. Configurar propiedades en el panel lateral
4. Guardar

3. Configurar la Grilla

Ajuste	Descripción
Columnas	1-4 columnas
Filas	1-4 filas
Espaciado	Entre celdas
Padding	Margen interior

4. Preview y Guardar

• Vista previa en tiempo real
• Probar en diferentes resoluciones
• Guardar cambios

Opciones de Configuración

Propiedades Globales de Plantilla

Ajuste	Descripción
Nombre	Identificador de la plantilla
Orientación	Horizontal / Vertical
Fondo	Color, gradiente o imagen
Tipografía	Fuentes globales

Propiedades por Celdas

Cada celda tiene su propia configuración:

• Componente asignado
• Posición y tamaño
• Fondo independiente
• Bordes y sombras

Templates Predefinidos

ScreenNet incluye plantillas por rubro:

• Farmacia
• Restaurant
• Cafetería
• Tienda de ropa
• Ferretería
• Peluquería
• Oficina

Tips

1. Simplicidad: Menos es más en señalética
2. Prioridad: Lo importante debe ser más grande
3. Prueba: Siempre usá el preview
4. Consistencia: Mantené un estilo uniforme

Recursos Relacionados

• Biblioteca de Componentes — Todos los componentes disponibles
• Gestión de Pantallas — Asignar plantillas a pantallas