precaución
Esta sección describe el editor anterior; estamos renovando el editor de plantillas.
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
- Ir a Plantillas → Nueva Plantilla
- Definir nombre y orientación (horizontal/vertical)
- Elegir número de filas y columnas
- Comenzar a agregar componentes
2. Agregar Componentes
- Click en una celda vacía
- Seleccionar componente de la biblioteca
- Configurar propiedades en el panel lateral
- 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
- Simplicidad: Menos es más en señalética
- Prioridad: Lo importante debe ser más grande
- Prueba: Siempre usá el preview
- Consistencia: Mantené un estilo uniforme
Recursos Relacionados
- Biblioteca de Componentes — Todos los componentes disponibles
- Gestión de Pantallas — Asignar plantillas a pantallas