Guía de Usuario - Postea.la - Postea.la Documentación
Funcionalidades

Guía de Usuario - Postea.la

**Fecha:** Diciembre 2025

Guía de Usuario - Postea.la

Resumen Funcional para NotebookLM

Fecha: Diciembre 2025
Objetivo: Manual interactivo integrado en la plataforma para aprender a usar todas las funcionalidades
Tipo: 📚 SOPORTE Y DOCUMENTACIÓN (Disponible para todos los usuarios)

🎯 ¿Qué es la Guía de Usuario?

Es una sección completa dentro de tu Panel de Administración donde encuentras explicaciones paso a paso de todas las funcionalidades de Postea.la. Piensa en ella como un manual de usuario integrado en la plataforma, siempre disponible cuando lo necesites.

¿Por qué existe?

Cuando usas una plataforma por primera vez, es normal tener dudas sobre cómo funciona todo.

El problema:

  • No sabes cómo usar ciertas funciones
  • Tienes que buscar tutoriales en YouTube
  • La información está dispersa en varios lugares
  • No encuentras respuestas rápidas a tus dudas
  • Sientes que no aprovechas todo lo que pagaste

La solución:

  • Todo explicado dentro de la misma plataforma
  • Organizado por categorías lógicas
  • Instrucciones claras paso a paso
  • Disponible 24/7 cuando lo necesites
  • Aprendes a usar todo Postea.la sin salir del sitio

🔍 ¿Cómo accedo?

Es muy simple:

1. Inicia sesión en https://postea.la/admin
   ↓
2. En el menú de la izquierda, busca la categoría "Soporte"
   ↓
3. Haz clic en "Guía de Usuario"
   ↓
5. Verás todas las guías organizadas por temas
   ↓
6. Haz clic en cualquier guía para expandirla y leer la información

📋 ¿Qué contiene la Guía?

6 Categorías Principales

La guía está dividida en 6 secciones temáticas para que encuentres fácilmente lo que buscas:

1. 🚀 Primeros Pasos (3 guías)

"Crea y configura tu evento desde cero"

Todo lo que necesitas para empezar

Qué encontrarás aquí:

  • Cómo Crear tu Evento: El proceso completo en 30 segundos
  • Edición de Información: Cómo cambiar título, fecha, lugares y horarios
  • Detalles de tu Plan: Qué incluye tu plan y cuáles son sus límites

Ideal para: Personas que acaban de registrarse o crear su primer evento.

2. 📸 Gestión de Contenido

Administra todas las fotos y videos de tu evento

Qué encontrarás aquí:

  • Gestión de Fotos: Cómo controlar qué fotos se muestran públicamente
  • Slider de Fotos: Cómo proyectar las fotos automáticamente en una pantalla (Plan Basic o superior)
  • Filtro Inteligente con IA: Cómo funciona la moderación automática de contenido (Plan Advanced)

Ideal para: Organizar y controlar el contenido que suben tus invitados.

3. 👥 Gestión de Invitados

Organiza invitaciones y distribución de mesas

Qué encontrarás aquí:

  • Gestión de Invitados: Cómo enviar invitaciones digitales y controlar asistencias (Plan Basic o superior)
  • Plano del Salón: Cómo crear y gestionar la distribución de mesas (Plan Basic o superior)

Ideal para: Bodas, XV años, eventos corporativos con lista de invitados formal.

4. 🎨 Personalización

Dale tu toque personal al evento

Qué encontrarás aquí:

  • Personalización de QR: Cómo crear tarjetas de invitación físicas elegantes con QR personalizado (Plan Advanced)

Ideal para: Eventos especiales donde quieres entregar invitaciones físicas premium.

5. 🔒 Control y Seguridad

Controla quién puede hacer qué

Qué encontrarás aquí:

  • Permisos de Interacción: Cómo activar/desactivar videos, comentarios y reacciones (Todos los planes)
  • *📖 ¿Qué información tiene cada guía?

Cuando expandes cualquier guía, encontrarás siempre la misma estructura clara:

1. Descripción

Un resumen breve de qué es y para qué sirve esa funcionalidad.

2. Beneficios

Una lista de ventajas concretas que obtienes al usar esta función.

3. ¿Cómo acceder?

Pasos exactos de navegación para llegar a esa sección desde tu Panel de Administración.

Ejemplo:

  • Entra a tu Panel de Administración
  • En el menú lateral, expande "Contenido"
  • Selecciona "Gestión de Fotos"
  • Selecciona el evento que deseas gestionar

4. Acciones principales

Las cosas más importantes que puedes hacer en esa sección, con explicación de cada una.

Ejemplo de Gestión de Fotos:

  • Ocultar fotos: Oculta fotos inapropiadas con un clic
  • Mostrar fotos: Reactiva fotos que fueron ocultadas
  • Descargar fotos: Descarga las fotos en alta calidad
  • Eliminar fotos: Elimina permanentemente del sistema

5. Notas importantes

Advertencias, consejos y detalles que debes tener en cuenta.

Ejemplo:

  • Los cambios se aplican instantáneamente

  • Los invitados solo ven fotos marcadas como visibles

  • Puedes filtrar por estado: Activas, Ocultas, Filtrado IA {
    action: 'Eliminar fotos',
    description: 'Elimina fotos permanentemente del sistema.'
    }
    ],

    importantNotes: [
    'Los cambios se aplican instantáneamente',
    'Los invitados solo ven fotos marcadas como visibles',
    'Puedes filtrar por estado: Activas, Ocultas, Filtrado IA'
    ]

}


---

## 🔄 Interacción del Usuario

### Flujo de Uso Típico
  1. Usuario accede a Guía de Usuario desde el sidebar
    ↓
  2. Ve las 6 secciones organizadas con sus separadores
    ↓
  3. Navega a la sección que le interesa (ej: "Primeros Pasos")
    ↓
  4. Expande una guía haciendo click en el header
    ↓
  5. Lee la descripción y beneficios
    ↓
  6. Sigue los pasos en "¿Cómo acceder?"
    ↓
  7. Consulta las "Acciones principales" para saber qué puede hacer
    ↓
  8. Lee las "Notas importantes" para advertencias
    ↓
  9. Colapsa la guía y puede expandir otra

### Comportamiento del Accordion

**Expansion Panel (Material Angular):**
- Un panel a la vez (modo exclusivo opcional)
- Animación suave de expansión/colapso
- Estado persistente mientras navegas la página
- Scroll automático al expandir (opcional)

---

## 📱 Responsive Design

### Desktop (> 768px)

**Layout:**
- Contenedor: max-width 1200px, centrado
- Padding: 32px 24px
- Separadores: margen 40px arriba, 16px abajo
- Iconos de guías: 1.5rem
- Grid de acciones: 2 columnas

**Espaciado:**
- Gap entre panels: 16px
- Padding interno de headers: 20px
- Contenido interno: 24px padding

### Mobile (≤ 768px)

**Ajustes:**
- Padding reducido: 24px 16px
- Separadores: margen 32px arriba, 12px abajo
- Iconos de guías: 1.25rem
- Grid de acciones: 1 columna
- Badge "Premium": más pequeño (2px 8px padding, 0.625rem font)

**Optimizaciones:**
- Headers más compactos (16px padding)
- Fuentes ligeramente más pequeñas
- Mayor énfasis en touch targets

---

## 🎯 Beneficios del Sistema

### Para los Usuarios

**Autonomía total:**
- Aprenden a usar Postea.la sin ayuda externa
- Disponible 24/7 dentro de la plataforma
- No necesitan buscar en YouTube o Google

**Organización clara:**
- Categorizado por tipo de funcionalidad
- Fácil encontrar lo que necesitan
- Navegación intuitiva por secciones

**Información completa:**
- Cada guía tiene toda la información necesaria
- Pasos claros de cómo acceder
- Ejemplos de lo que pueden hacer
- Advertencias importantes destacadas

### Para el Negocio

**Reducción de soporte:**
- Menos tickets de "¿Cómo hago X?"
- Usuarios resuelven dudas por su cuenta
- Sopo¿Cómo la uso en el día a día?

### Flujo típico cuando tienes una duda:
  1. Entras a https://postea.la/admin
    ↓
  2. Haces clic en "Guía de Usuario" en el menú "Soporte"
    ↓
  3. Ves las 6 categorías organizadas
    ↓
  4. Buscas la categoría relacionada con tu duda
    ↓
  5. Haces clic en la guía que necesitas
    ↓
  6. Se expande y lees la información
    ↓
  7. Sigues los pasos indicados
    ↓
  8. Resuelves tu duda sin contactar a nadie

### Características prácticas:

**Expandir/Colapsar:**
- Haz clic en cualquier guía para ver su contenido
- Vuelve a hacer clic para cerrarla
- Puedes tener varias abiertas a la vez

**Visual:**
- Iconos de colores para identificar cada guía
- Badge "Premium" en funciones de pago
- Separadores discretos entre categorías
- Fácil de leer en computadora y celular -->
  <mat-accordion>
    <!-- Separador de sección -->
    <div class="section-divider">
      <mat-icon>icono</mat-icon>
      <h3>TÍTULO SECCIÓN</h3>
      <p>Descripción sección</p>
    </div>

    <!-- Panels por sección -->
    <mat-expansion-panel *ngFor="...">
      <!-- Contenido de cada guía -->
    </mat-expansion-panel>
  </mat-accordion>
</div>

Estilos CSS

Archivo: feature-guides.component.css

Características principales:

  • Gradientes de fondo suaves (rosa/ámbar/púrpura)
  • Separadores minimalistas con línea inferior
  • Badges premium con gradiente naranja
  • Notas importantes con fondo ámbar (#fef3c7)
  • Bullets de notas en color Postea.la (#f59e0b)
  • Responsive completo con breakpoint 768px

Paleta de colores:

/* Principales */
Rosa: #f472b6, #f43f5e
Ámbar/¿Qué beneficios obtienes?

### Como usuario de Postea.la:

**Aprendes rápido:**
- Todo explicado dentro de la plataforma
- No necesitas buscar en YouTube o Google
- Disponible 24/7, cuando lo necesites

**Encuentras lo que buscas:**
- Organizado por categorías lógicas
- Fácil de navegar
- Información completa en cada guía

**Resuelves dudas solo:**
- Pasos claros de navegación
- Ejemplos concretos de qué hacer
- Advertencias importantes destacadas

### Casos donde es útil:

**Cuando eres nuevo:**
- Acabas de crear tu cuenta
- No sabes por dónde empezar
- Quieres conocer todo lo que puedes hacer

**Cuando tienes dudas:**
- No recuerdas cómo hacer algo
- Quieres saber si existe una función
- Necesitas confirmar cómo funciona algo

**Cuando exploras:**
- Ver qué incluye tu plan actual
- Descubrir funciones que no conocías
- Decidir si actualizar a un plan superiorún
2. Crear o mejorar guía correspondiente
3. Reducir carga de soporte futuro

**Escalar complejidad:**
- Dudas simples → Guía de Usuario
- Dudas complejas → Chat con IA
- Problemas técnicos → Sistema de tickets

---

## 🎉 Conclusión

La **Guía de Usuario** es un componente esencial que transforma la experiencia del usuario en Postea.la. Proporciona autonomía, reduce fricción y mejora significativamente la percepción de profesionalismo de la plataforma.

**Ventajas principales:**
✅ Documentación siempre actualizada  
✅ Organización lógica e intuitiva  
✅ Diseño limpio y responsive  
✅ Información completa sin ser abrumadora  
✅ Disponible 24/7 dentro de la plataforma  
✅ Reduce carga de soporte significativamente  

**Resultado final:**
Usuarios más satisfechos, autónomos y productivos, con mayor probabilidad de explorar y usar todas las capacidades de Postea.la.
Ejemplos Reales

### Historia 1: María crea su primer evento

María se registró en Postea.la para su boda. Después de crear el evento en 30 segundos, no sabía cómo cambiar la fecha ni agregar la ubicación.

**Lo que hizo:**
1. Entró a https://postea.la/admin
2. Abrió "Guía de Usuario" en el menú Soporte
3. Navegó a la sección "Primeros Pasos"
4. Expandió "Edición de Información del Evento"
5. Siguió los pasos indicados
6. En 2 minutos ya tenía toda la información actualizada

**Resultado:** No tuvo que enviar ningún mensaje de soporte, resolvió todo sola.

---

### Historia 2: Carlos quiere proyectar fotos en su fiesta

Carlos tiene su evento activo y ya hay 50 fotos subidas. Quiere proyectarlas en una pantalla grande durante la fiesta, pero no sabe si Postea.la tiene esa opción.

**Lo que hizo:**
1. Entró a https://postea.la/admin
2. Abrió "Guía de Usuario" en el menú Soporte
3. Navegó a "Gestión de Contenido"
4. Descubrió la guía "Slider de Fotos"
5. Leyó que su Plan Basic incluye esa función
6. Siguió los pasos para activarlo

**Resultado:** En 3 minutos tenía su presentación de fotos funcionando perfectamente.

---

### Historia 3: Ana evalúa actualizar su plan

Ana tiene Plan Basic pero está curiosa sobre las funciones premium. Antes de pagar más, quiere saber exactamente qué obtiene.

**Lo que hizo:**
1. Entró a https://postea.la/admin
2. Abrió "Guía de Usuario" en el menú Soporte
3. Buscó las guías con badge "Premium"
4. Leyó sobre "Filtro Inteligente con IA"
5. Vio los beneficios de "Personalización de QR"
6. Entendió claramente qué incluye el Plan Advanced

**Resultado:** Tomó una decisión informada sobre actualizar su plan.

---

## 📚 En resumen

### ¿Qué es?
Un manual interactivo integrado en tu Panel de Administración con 12 guías organizadas en 6 categorías.

### ¿Para quién?
Para ti, sin importar si tienes plan gratuito o premium.

### ¿Cuándo usarlo?
- Cuando tienes dudas sobre cómo hacer algo
- Cuando quieres descubrir nuevas funciones
- Cuando necesitas recordar cómo funciona algo
- Antes de contactar a soporte

### ¿Qué incluye cada guía?
- Descripción clara de la función
- Beneficios concretos
- Pasos exactos para acceder
- Acciones que puedes hacer
- Advertencias importantes

### ¿Por qué es útil?
- Aprendes a usar Postea.la sin ayuda
- Resuelves dudas al instante
- Descubres funciones que no conocías
- Aprovechas al máximo tu plan� Preguntas Frecuentes

### ¿Dónde encuentro la Guía de Usuario?
Entra a https://postea.la/admin y en el menú de la izquierda encontrarás la categoría "Soporte", dentro de ella verás "Guía de Usuario".

### ¿Es gratis?
Sí, todos los usuarios tienen acceso completo a todas las guías, sin importar su plan.

### ¿Qué significa el badge "Premium"?
Indica que esa función requiere Plan Basic, Advanced, o superior. La guía explica exactamente qué plan necesitas.

### ¿Puedo descargar las guías?
No es necesario, están siempre disponibles dentro de la plataforma cuando las necesites.

### ¿Las guías están actualizadas?
Sí, se actualizan constantemente junto con las funciones de Postea.la.

### ¿Qué hago si no encuentro lo que busco?
Puedes usar el Chat con IA (también en Soporte) o contactar al equipo de soporte.

---

## 🎉 Conclusión

La **Guía de Usuario** es tu manual personal dentro de Postea.la. Te ayuda a:

✅ Aprender a usar todas las funciones  
✅ Resolver dudas al instante  
✅ Descubrir características que no conocías  
✅ Aprovechar al máximo tu plan  
✅ No depender de tutoriales externos  
✅ Configurar tu evento sin ayuda  

**El objetivo es simple:** Que puedas usar Postea.la con total confianza, sabiendo que tienes toda la información que necesitas al alcance de un clic