Sistema de Edición de Evento - Postea.la - Postea.la Documentación
Configuración

Sistema de Edición de Evento - Postea.la

**Fecha:** Diciembre 2025

Sistema de Edición de Evento - Postea.la

Resumen Funcional para NotebookLM

Fecha: Diciembre 2025
Objetivo: Documentación funcional del sistema de gestión y edición de información básica del evento

🎯 ¿Qué es este sistema?

Es el panel principal donde el organizador configura toda la información esencial de su evento: título, fecha, lugares de ceremonia y recepción, horarios y mensaje de bienvenida. Incluye vista previa en tiempo real para ver cómo quedará el evento antes de publicarlo.

Problema que resuelve

Cuando organizas un evento, necesitas comunicar claramente toda la información a tus invitados.

Sin sistema de edición centralizado:

  • ❌ Información dispersa en múltiples lugares
  • ❌ No sabes cómo se verá el resultado final
  • ❌ Cambios requieren actualizar en varios sitios
  • ❌ Errores en fechas u horarios
  • ❌ Sin control sobre qué información mostrar
  • ❌ Difícil mantener todo actualizado

Con sistema de edición:

  • ✅ Toda la información en un solo lugar
  • ✅ Vista previa en tiempo real mientras editas
  • ✅ Cambios se aplican inmediatamente
  • ✅ Formato correcto de fechas automático
  • ✅ Control total de qué mostrar u ocultar
  • ✅ Edición intuitiva y visual

🔍 ¿Cómo funciona?

El proceso completo:

1. Organizador inicia sesión en Postea.la
   ↓
2. Entra a su Panel de Administración
   ↓
3. Selecciona un evento desde el selector de eventos (arriba del sidebar)
   💡 IMPORTANTE: Debes seleccionar un evento primero
   ↓
4. Una vez seleccionado el evento, las opciones del menú se habilitan
   ↓
5. En el menú lateral (sidebar), expande la categoría "Personalizar"
   ↓
6. Selecciona "Mis Eventos"
   ↓
7. Click en "Gestionar" en el evento seleccionado
   ↓
8. Se abre el Hub del Evento con varias opciones
   ↓
9. Click en la opción "✏️ Editar Información"
   ↓
10. Sistema muestra panel dividido en dos:
   - Izquierda: Formulario de edición
   - Derecha: Vista previa en tiempo real
   ↓
11. Organizador completa/modifica campos:
   - Información básica (título, fecha, mensaje)
   - Ceremonia (lugar, hora, ubicación)
   - Recepción (lugar, hora, dirección)
   ↓
12. Activa/desactiva toggles para mostrar u ocultar secciones
   ↓
13. Click en "Guardar Cambios"
   ↓
14. Sistema guarda en base de datos
   ↓
15. Vista previa se actualiza automáticamente
   ↓
16. Cambios visibles inmediatamente en evento público

Analogía del mundo real:

Es como editar un documento en Google Docs:

  • Panel de edición a la izquierda
  • Vista previa del resultado a la derecha
  • Cambios se ven en tiempo real
  • Botón "Guardar" para hacer permanente
  • Botón "Cancelar" para deshacer

📝 Secciones del Formulario

El formulario está organizado en 3 secciones principales:

1. Información Básica 📅

Datos generales del evento que siempre se muestran.

Campos disponibles:

Título del Evento (Obligatorio)
Campo: Texto
Ejemplo: "Boda de Ana y Carlos"
Máximo: 200 caracteres
Requerido: ✅ Sí

Qué hace:

  • Es el nombre principal del evento
  • Aparece en la parte superior de la página del evento
  • Se usa en la URL del evento (slug)
  • Aparece en invitaciones digitales

Ejemplo de uso:

Bodas:
- "Boda de María y Juan"
- "Nuestra Boda - Sofía & Pedro"

Cumpleaños:
- "Cumpleaños 30 de Laura"
- "¡Juanito cumple 5 años!"

Corporativo:
- "Conferencia Anual 2025"
- "Lanzamiento Producto XYZ"
Fecha del Evento (Obligatorio)
Campo: Selector de fecha (calendario)
Formato visual: DD/MM/YYYY
Ejemplo: 25/12/2025
Requerido: ✅ Sí

Qué hace:

  • Fecha principal del evento
  • Se muestra en formato legible para invitados
  • Usado para ordenar eventos cronológicamente
  • Determina el estado del evento (pasado/futuro)

Interfaz del selector:

┌─────────────────────────────┐
│ Fecha del Evento            │
│ ┌─────────────┐ [📅]        │
│ │ 25/12/2025  │             │
│ └─────────────┘             │
└─────────────────────────────┘

Al hacer click en [📅]:
┌──────────────────────────────┐
│   Diciembre 2025             │
│ L  M  M  J  V  S  D          │
│ 1  2  3  4  5  6  7          │
│ 8  9  10 11 12 13 14         │
│ 15 16 17 18 19 20 21         │
│ 22 23 24[25]26 27 28         │
│ 29 30 31                     │
└──────────────────────────────┘

Ventaja: Formato consistente, no puedes poner fechas inválidas.

Mensaje de Bienvenida (Opcional)
Campo: Área de texto (3 líneas)
Ejemplo: "Gracias por acompañarnos en este día tan especial..."
Máximo: Sin límite (razonable)
Requerido: ❌ No

Qué hace:

  • Mensaje personalizado que aparece en la página del evento
  • Primera impresión para los invitados
  • Puede incluir agradecimientos, contexto, o instrucciones

Ejemplos de uso:

Boda formal:

"Con gran alegría, queremos compartir con ustedes 
este día tan especial. Gracias por ser parte de 
nuestra historia de amor."

Cumpleaños informal:

"¡Vamos a celebrar a lo grande! Prepárense para 
bailar, comer y compartir momentos inolvidables."

Evento corporativo:

"Bienvenidos a nuestro evento anual. Hoy 
compartiremos novedades emocionantes sobre 
el futuro de nuestra empresa."

2. Ceremonia ⛪

Información sobre la ceremonia (misa, civil, simbólica).

Toggle de visibilidad:

┌─────────────────────────────────────┐
│ ⛪ Ceremonia    [Mostrar en evento] │
│                      ON  ─┐        │
└─────────────────────────────────────┘

ON  = Se muestra en la página pública
OFF = NO se muestra (queda oculto)

Cuándo desactivar:

  • No hay ceremonia formal
  • Ceremonia privada (solo familia)
  • Evento sin componente religioso

Campos disponibles:

Lugar de la Ceremonia
Campo: Texto
Ejemplo: "Iglesia San José"
Placeholder: "Ej: Iglesia San José"
Requerido: ❌ No

Qué poner:

  • Nombre del lugar religioso o venue
  • Puede ser iglesia, parque, jardín, sala civil

Ejemplos:

Religiosa:
- "Iglesia Nuestra Señora del Carmen"
- "Catedral Metropolitana"
- "Capilla San Francisco"

Civil:
- "Municipalidad de Lima"
- "Notaría González"

Simbólica:
- "Jardín Los Rosales"
- "Playa El Silencio"
Hora de la Ceremonia
Campo: Texto libre
Ejemplo: "4:00 PM"
Placeholder: "Ej: 4:00 PM"
Requerido: ❌ No

Qué poner:

  • Hora de inicio de la ceremonia
  • Formato libre (AM/PM o 24 horas)

Ejemplos:

Formato 12 horas:
- "4:00 PM"
- "11:30 AM"
- "6:45 PM"

Formato 24 horas:
- "16:00"
- "11:30"
- "18:45"

Con detalles:
- "4:00 PM (puntual)"
- "11:00 AM - Llegada 10:45 AM"

Consejo: Agrega "(puntual)" si quieres enfatizar puntualidad.

Ubicación de la Ceremonia
Campo: Texto
Ejemplo: "Av. Javier Prado 1234, San Isidro"
Hint: "Incluye la dirección completa o referencias para llegar"
Requerido: ❌ No

Qué poner:

  • Dirección completa
  • Referencias claras
  • Enlace a Google Maps (opcional)

Ejemplos:

Dirección completa:

"Av. Javier Prado Este 1234, San Isidro, Lima
Referencia: Frente al Centro Comercial Jockey Plaza"

Con link de Google Maps:

"Iglesia San José
Calle Las Flores 456, Miraflores
https://maps.google.com/..."

Evento virtual:

"Ceremonia por Zoom
Link: https://zoom.us/j/123456789"

3. Recepción 🎉

Información sobre la fiesta o recepción.

Toggle de visibilidad:

┌─────────────────────────────────────┐
│ 🎉 Recepción   [Mostrar en evento] │
│                      ON  ─┐        │
└─────────────────────────────────────┘

Cuándo desactivar:

  • Solo hay ceremonia sin recepción
  • Recepción privada (solo familia)
  • Evento que termina después de ceremonia

Campos disponibles:

Lugar de la Recepción
Campo: Texto
Ejemplo: "Salón Los Jardines"
Placeholder: "Ej: Salón Los Jardines"
Requerido: ❌ No

Qué poner:

  • Nombre del salón, restaurante o venue
  • Nombre del hotel si es ahí

Ejemplos:

Salones:
- "Salón de Eventos Los Jardines"
- "Country Club El Bosque"
- "Hacienda San José"

Restaurantes:
- "Restaurante El Mirador"
- "Terraza del Hotel Marriott"

Espacios al aire libre:
- "Jardín Botánico"
- "Playa Club Privado"
Hora de la Recepción
Campo: Texto libre
Ejemplo: "7:00 PM"
Placeholder: "Ej: 7:00 PM"
Requerido: ❌ No

Qué poner:

  • Hora de inicio de la recepción
  • Puede ser la misma que la ceremonia o diferente

Ejemplos:

Recepción inmediata:

"4:30 PM (inmediatamente después de ceremonia)"

Con intervalo:

"7:00 PM (cóctel de bienvenida a las 6:30 PM)"

Hasta hora:

"7:00 PM - 1:00 AM"
Dirección de la Recepción
Campo: Texto
Ejemplo: "Av. La Marina 2000, San Miguel"
Hint: "Dirección completa donde será la recepción"
Requerido: ❌ No

Qué poner:

  • Dirección completa del lugar
  • Referencias útiles para llegar

Ejemplos:

Con referencia:

"Av. La Marina 2000, San Miguel
Referencia: A 2 cuadras del Mall Plaza"

Con estacionamiento:

"Calle Los Olivos 123, Surco
Estacionamiento disponible para 50 vehículos"

Con transporte:

"Country Club El Bosque, km 25 Carretera Central
Habrá buses desde la iglesia a las 5:00 PM"

🖥️ Interfaz del Sistema

Vista completa del panel:

╔════════════════════════════════════════════════════════════╗
║  [←] ✏️ Gestión de Evento                                  ║
╠════════════════════════════════════════════════════════════╣
║                                                            ║
║  ┌──────────────────────┐  ┌──────────────────────────┐  ║
║  │ PANEL DE EDICIÓN     │  │ VISTA PREVIA             │  ║
║  │ (Izquierda)          │  │ (Derecha)                │  ║
║  ├──────────────────────┤  ├──────────────────────────┤  ║
║  │                      │  │                          │  ║
║  │ ✏️ Editar Evento     │  │ 👁️ Vista Previa          │  ║
║  │ Modifica los campos  │  │ Así se verá tu evento    │  ║
║  │                      │  │                          │  ║
║  │ ─────────────────    │  │ ┌──────────────────────┐│  ║
║  │ 📅 Información Básica│  │ │                      ││  ║
║  │                      │  │ │  [IFRAME DEL EVENTO] ││  ║
║  │ [Título del Evento]  │  │ │  Vista real en       ││  ║
║  │ [Fecha: 25/12/2025]  │  │ │  tiempo real         ││  ║
║  │ [Mensaje...]         │  │ │                      ││  ║
║  │                      │  │ └──────────────────────┘│  ║
║  │ ─────────────────    │  │                          │  ║
║  │ ⛪ Ceremonia         │  │  O (si no se ha guardado)│  ║
║  │ [Mostrar] ON ─┐     │  │                          │  ║
║  │                      │  │ ┌──────────────────────┐│  ║
║  │ [Lugar]              │  │ │  👁️ Vista Previa     ││  ║
║  │ [Hora]               │  │ │  Haz clic en         ││  ║
║  │ [Ubicación]          │  │ │  "Guardar Cambios"   ││  ║
║  │                      │  │ │  para ver tu evento  ││  ║
║  │ ─────────────────    │  │ └──────────────────────┘│  ║
║  │ 🎉 Recepción        │  │                          │  ║
║  │ [Mostrar] ON ─┐     │  │                          │  ║
║  │                      │  │                          │  ║
║  │ [Lugar]              │  │                          │  ║
║  │ [Hora]               │  │                          │  ║
║  │ [Dirección]          │  │                          │  ║
║  │                      │  │                          │  ║
║  │ [💾 Guardar Cambios] │  │                          │  ║
║  │ [❌ Cancelar]        │  │                          │  ║
║  └──────────────────────┘  └──────────────────────────┘  ║
╚════════════════════════════════════════════════════════════╝

💡 Casos de Uso Reales

Caso 1: Boda con Ceremonia y Recepción Separadas

Situación:
María y Juan se casan. Ceremonia en iglesia a las 4 PM, recepción en salón a las 7 PM.

Configuración:

📅 INFORMACIÓN BÁSICA
┌─────────────────────────────────────────┐
│ Título: Boda de María y Juan           │
│ Fecha: 15/06/2025                      │
│ Mensaje: "Gracias por acompañarnos en │
│ este día tan especial. Su presencia    │
│ hace de este momento algo inolvidable."│
└─────────────────────────────────────────┘

⛪ CEREMONIA (Mostrar: ✅ ON)
┌─────────────────────────────────────────┐
│ Lugar: Iglesia Nuestra Señora del Pilar│
│ Hora: 4:00 PM (puntual)                │
│ Ubicación: Av. Grau 1234, Miraflores   │
│ Referencia: Frente al Parque Kennedy   │
└─────────────────────────────────────────┘

🎉 RECEPCIÓN (Mostrar: ✅ ON)
┌─────────────────────────────────────────┐
│ Lugar: Salón Los Jardines              │
│ Hora: 7:00 PM (cóctel 6:30 PM)        │
│ Dirección: Av. La Marina 2500, San     │
│ Miguel. Estacionamiento disponible.    │
└─────────────────────────────────────────┘

Resultado en página pública:

┌──────────────────────────────────────────┐
│    🎊 Boda de María y Juan 🎊           │
│         15 de Junio, 2025                │
├──────────────────────────────────────────┤
│                                          │
│ 💌 Mensaje de Bienvenida                │
│ "Gracias por acompañarnos en este día..." │
│                                          │
│ ⛪ Ceremonia                             │
│ 🏛️ Iglesia Nuestra Señora del Pilar     │
│ 🕓 4:00 PM (puntual)                     │
│ 📍 Av. Grau 1234, Miraflores            │
│    [🗺️ Ver en mapa]                     │
│                                          │
│ 🎉 Recepción                             │
│ 🏰 Salón Los Jardines                    │
│ 🕖 7:00 PM (cóctel 6:30 PM)             │
│ 📍 Av. La Marina 2500, San Miguel       │
│    [🗺️ Ver en mapa]                     │
└──────────────────────────────────────────┘

Caso 2: Cumpleaños sin Ceremonia (Solo Fiesta)

Situación:
Pedro celebra sus 30 años. Solo habrá fiesta, sin ceremonia previa.

Configuración:

📅 INFORMACIÓN BÁSICA
┌─────────────────────────────────────────┐
│ Título: ¡Pedro cumple 30!              │
│ Fecha: 20/08/2025                      │
│ Mensaje: "¡Vamos a celebrar a lo      │
│ grande! Prepárense para bailar, comer  │
│ y compartir momentos inolvidables."    │
└─────────────────────────────────────────┘

⛪ CEREMONIA (Mostrar: ❌ OFF)
┌─────────────────────────────────────────┐
│ [No se muestra en el evento]           │
└─────────────────────────────────────────┘

🎉 RECEPCIÓN (Mostrar: ✅ ON)
┌─────────────────────────────────────────┐
│ Lugar: Terraza Skybar                  │
│ Hora: 9:00 PM                          │
│ Dirección: Av. Larco 850, Piso 15,    │
│ Miraflores. Código de vestimenta:     │
│ Elegante sport.                        │
└─────────────────────────────────────────┘

Resultado en página pública:

┌──────────────────────────────────────────┐
│      🎂 ¡Pedro cumple 30! 🎂            │
│          20 de Agosto, 2025              │
├──────────────────────────────────────────┤
│                                          │
│ 💌 Mensaje                               │
│ "¡Vamos a celebrar a lo grande!..."     │
│                                          │
│ 🎉 Fiesta                                │
│ 🏙️ Terraza Skybar                        │
│ 🕘 9:00 PM                               │
│ 📍 Av. Larco 850, Piso 15, Miraflores  │
│    Código de vestimenta: Elegante sport │
│    [🗺️ Ver en mapa]                     │
└──────────────────────────────────────────┘

Nota: La sección "Ceremonia" no aparece porque el toggle está OFF.

Caso 3: Evento Corporativo (Solo Información Básica)

Situación:
Empresa lanza producto. Solo necesita título, fecha y mensaje. Sin ceremonia ni recepción.

Configuración:

📅 INFORMACIÓN BÁSICA
┌─────────────────────────────────────────┐
│ Título: Lanzamiento Producto XYZ       │
│ Fecha: 10/09/2025                      │
│ Mensaje: "Únete a nosotros para el    │
│ lanzamiento oficial de nuestro nuevo   │
│ producto revolucionario. Habrá demos   │
│ en vivo y sorpresas para los           │
│ asistentes."                           │
└─────────────────────────────────────────┘

⛪ CEREMONIA (Mostrar: ❌ OFF)
🎉 RECEPCIÓN (Mostrar: ❌ OFF)

Resultado en página pública:

┌──────────────────────────────────────────┐
│    🚀 Lanzamiento Producto XYZ 🚀       │
│        10 de Septiembre, 2025            │
├──────────────────────────────────────────┤
│                                          │
│ 💼 Mensaje                               │
│ "Únete a nosotros para el lanzamiento..." │
│                                          │
│ [Galería de Fotos del Evento]           │
└──────────────────────────────────────────┘

Ventaja: Evento minimalista sin información de lugares.

Caso 4: Matrimonio Civil en Municipalidad

Situación:
Ana y Luis se casan por civil. Solo ceremonia en municipalidad, sin recepción formal.

Configuración:

📅 INFORMACIÓN BÁSICA
┌─────────────────────────────────────────┐
│ Título: Matrimonio Civil - Ana & Luis │
│ Fecha: 05/07/2025                      │
│ Mensaje: "Celebramos nuestro amor con │
│ una ceremonia íntima. Compartiremos    │
│ este momento especial con ustedes."    │
└─────────────────────────────────────────┘

⛪ CEREMONIA (Mostrar: ✅ ON)
┌─────────────────────────────────────────┐
│ Lugar: Municipalidad de San Isidro    │
│ Hora: 11:00 AM                         │
│ Ubicación: Av. República de Panamá    │
│ 3245, San Isidro. Sala de             │
│ Matrimonios - 2do piso                 │
└─────────────────────────────────────────┘

🎉 RECEPCIÓN (Mostrar: ❌ OFF)

Resultado:

┌──────────────────────────────────────────┐
│  💍 Matrimonio Civil - Ana & Luis 💍    │
│           5 de Julio, 2025               │
├──────────────────────────────────────────┤
│                                          │
│ 💌 Mensaje                               │
│ "Celebramos nuestro amor con una..."    │
│                                          │
│ 📋 Ceremonia Civil                       │
│ 🏛️ Municipalidad de San Isidro          │
│ 🕚 11:00 AM                              │
│ 📍 Av. República de Panamá 3245         │
│    Sala de Matrimonios - 2do piso       │
│    [🗺️ Ver en mapa]                     │
└──────────────────────────────────────────┘

🎨 Vista Previa en Tiempo Real

¿Cómo funciona?

El sistema incluye un iframe (ventana embebida) que muestra tu evento real mientras lo editas.

Antes de guardar:

┌─────────────────────────────────┐
│  👁️ Vista Previa                │
│  Así se verá tu evento en       │
│  tiempo real                    │
├─────────────────────────────────┤
│                                 │
│        👁️                       │
│  Vista Previa en Tiempo Real    │
│                                 │
│  Haz clic en "Guardar Cambios"  │
│  para ver tu evento             │
│  actualizado aquí mismo         │
│                                 │
│  ✓ Vista móvil y desktop        │
│  ✓ Actualización instantánea    │
│  ✓ URL real del evento          │
└─────────────────────────────────┘

Después de guardar:

┌─────────────────────────────────┐
│  👁️ Vista Previa                │
├─────────────────────────────────┤
│ ┌─────────────────────────────┐ │
│ │                             │ │
│ │  [EVENTO REAL CARGADO]      │ │
│ │                             │ │
│ │  Se ve exactamente como     │ │
│ │  los invitados lo verán     │ │
│ │                             │ │
│ │  Puedes hacer scroll        │ │
│ │  dentro del iframe          │ │
│ │                             │ │
│ └─────────────────────────────┘ │
└─────────────────────────────────┘

Características de la vista previa:

✅ Actualización automática - Se refresca al guardar
✅ Responsive - Se adapta al tamaño de pantalla
✅ Interactiva - Puedes hacer scroll y explorar
✅ Real - Es la URL real del evento, no una simulación

🔘 Botones de Acción

1. Guardar Cambios 💾

[💾 Guardar Cambios]

¿Qué hace?

  • Guarda todos los cambios en la base de datos
  • Actualiza el evento público inmediatamente
  • Muestra/actualiza la vista previa en el iframe
  • Confirmación: "Cambios guardados exitosamente"

Estados del botón:

Normal:
[💾 Guardar Cambios]  ← Azul, clickeable

Guardando:
[⏳ Guardando...]      ← Spinner animado, deshabilitado

Deshabilitado:
[💾 Guardar Cambios]  ← Gris, no clickeable

Se deshabilita cuando:

  • Título está vacío (campo requerido)
  • Fecha está vacía (campo requerido)
  • Ya está guardando (evita doble click)

2. Cancelar ❌

[❌ Cancelar]

¿Qué hace?

  • Descarta todos los cambios sin guardar
  • Restaura los valores originales del evento
  • Confirmación: "Cambios descartados"

Uso típico:

1. Empiezas a editar el título
2. Te equivocas o cambias de opinión
3. Click en "Cancelar"
4. El título vuelve al valor original

3. Volver (←) 🔙

[←]  ← Botón con flecha en la esquina superior izquierda

¿Qué hace?

  • Regresa al Hub del Evento
  • No guarda cambios automáticamente
  • Si hay cambios sin guardar, puede perderlos

Recomendación: Guardar antes de volver.

🔄 Flujo de Trabajo Típico

Escenario: Editar un evento existente

PASO 1: Acceder
┌──────────────────────────┐
│ Hub del Evento           │
│ → Click "✏️ Editar"      │
└──────────────────────────┘
         ↓
PASO 2: Cargar datos
┌──────────────────────────┐
│ Sistema carga evento     │
│ desde base de datos      │
│ Formulario se llena      │
│ automáticamente          │
└──────────────────────────┘
         ↓
PASO 3: Editar campos
┌──────────────────────────┐
│ Usuario modifica:        │
│ - Título                 │
│ - Fecha                  │
│ - Lugares                │
│ - Horarios               │
└──────────────────────────┘
         ↓
PASO 4: Activar/desactivar toggles
┌──────────────────────────┐
│ Toggle "Mostrar          │
│ ceremonia": OFF          │
│ (si no aplica)           │
└──────────────────────────┘
         ↓
PASO 5: Guardar
┌──────────────────────────┐
│ Click "Guardar Cambios"  │
│ → Validación             │
│ → Envío al servidor      │
│ → Confirmación           │
└──────────────────────────┘
         ↓
PASO 6: Ver resultado
┌──────────────────────────┐
│ Vista previa se          │
│ actualiza en iframe      │
│ Evento público           │
│ refleja cambios          │
└──────────────────────────┘

✅ Validaciones del Sistema

Campos obligatorios:

┌──────────────────┬────────────┬─────────────────────────┐
│ Campo            │ Obligatorio│ Mensaje de Error        │
├──────────────────┼────────────┼─────────────────────────┤
│ Título           │ ✅ SÍ      │ "El título es requerido"│
│ Fecha            │ ✅ SÍ      │ "La fecha es requerida" │
│ Mensaje          │ ❌ NO      │ -                       │
│ Lugar Ceremonia  │ ❌ NO      │ -                       │
│ Hora Ceremonia   │ ❌ NO      │ -                       │
│ Ubicación Cerem. │ ❌ NO      │ -                       │
│ Lugar Recepción  │ ❌ NO      │ -                       │
│ Hora Recepción   │ ❌ NO      │ -                       │
│ Dir. Recepción   │ ❌ NO      │ -                       │
└──────────────────┴────────────┴─────────────────────────┘

Validación de longitud:

┌──────────────────┬────────────────┐
│ Campo            │ Máximo         │
├──────────────────┼────────────────┤
│ Título           │ 200 caracteres │
│ Lugar Ceremonia  │ 300 caracteres │
│ Ubicación Cerem. │ 100 caracteres │
│ Lugar Recepción  │ 300 caracteres │
└──────────────────┴────────────────┘

Ejemplo de error de longitud:

Título: "Boda de María y Juan en la Iglesia..."
        (más de 200 caracteres)
        
Error: "Máximo 200 caracteres"

❓ Preguntas Frecuentes

1. ¿Puedo guardar sin completar todos los campos?

Sí, solo título y fecha son obligatorios. El resto es opcional.

2. ¿Los cambios se ven inmediatamente en el evento público?

Sí, en cuanto guardas, el evento público se actualiza instantáneamente.

3. ¿Puedo editar el evento después de publicarlo?

Sí, puedes editar cuantas veces quieras, antes, durante o después del evento.

4. ¿Qué pasa si desactivo "Mostrar ceremonia"?

La sección de ceremonia no aparecerá en la página pública, pero la información se conserva en el sistema por si la quieres activar después.

5. ¿Puedo cambiar la fecha del evento?

Sí, puedes cambiar la fecha en cualquier momento usando el selector de calendario.

6. ¿El formato de fecha se ajusta automáticamente?

Sí, el sistema formatea la fecha automáticamente en formato legible (DD/MM/YYYY en el formulario, "15 de Junio, 2025" en la vista pública).

7. ¿Puedo agregar enlaces en los campos de texto?

Sí, puedes pegar URLs y se convertirán en enlaces clickeables automáticamente en la vista pública.

8. ¿Qué pasa si hago click en "Volver" sin guardar?

Perderás los cambios. El sistema no guarda automáticamente. Siempre haz click en "Guardar Cambios" primero.

9. ¿Puedo ver cómo se ve en móvil?

Sí, la vista previa en el iframe se adapta. También puedes abrir el evento en tu celular para ver el resultado real.

10. ¿Los invitados reciben notificación cuando edito el evento?

No automáticamente. Los cambios se reflejan en la página, pero no se envían notificaciones. Puedes comunicarles los cambios por otros medios.

11. ¿Puedo poner emojis en los campos?

Sí, el sistema soporta emojis en todos los campos de texto.

12. ¿Hay límite de veces que puedo editar?

No, puedes editar cuantas veces necesites sin restricciones.

Resumen Ejecutivo

El Sistema de Edición de Evento de Postea.la es el panel centralizado donde los organizadores configuran toda la información esencial de su evento.

¿Qué ofrece?

  • Formulario dividido en 3 secciones (Información Básica, Ceremonia, Recepción)
  • 9 campos configurables (2 obligatorios, 7 opcionales)
  • 2 toggles para mostrar/ocultar secciones
  • Vista previa en tiempo real con iframe del evento real
  • Validaciones automáticas de campos requeridos
  • Guardado instantáneo con confirmación visual

¿Para qué sirve?

  • Configurar información esencial del evento
  • Comunicar detalles de ceremonia y recepción
  • Personalizar mensaje de bienvenida
  • Controlar qué información mostrar u ocultar
  • Ver resultado final antes de publicar

Funcionalidades clave:

  • Campos obligatorios - Título y fecha (solo 2)
  • Campos opcionales - Lugares, horarios, direcciones (7)
  • Toggles de visibilidad - Mostrar/ocultar ceremonia y recepción
  • Vista previa real - Iframe con evento público actualizado
  • Guardado instantáneo - Cambios visibles al momento
  • Formato automático - Fechas en formato legible
  • Validación en tiempo real - Mensajes de error claros

Integración:

  • Información se usa en invitaciones digitales
  • Fechas determinan estado del evento (pasado/futuro)
  • Lugares pueden tener enlaces a mapas
  • Mensaje de bienvenida aparece en página principal

Beneficio principal:
Centraliza toda la información esencial del evento en un solo formulario intuitivo con vista previa en tiempo real, permitiendo a los organizadores configurar, visualizar y actualizar los detalles de su evento de forma instantánea, con validaciones automáticas que previenen errores, control total sobre qué información mostrar, y la certeza de que los cambios se reflejan inmediatamente en la página pública del evento.

Estado actual: Sistema completamente funcional (Diciembre 2025)
Campos configurables: 9 (2 obligatorios, 7 opcionales)
Toggles de visibilidad: 2 (Ceremonia, Recepción)
Vista previa: Tiempo real con iframe del evento público