# Páginas de Venta

Las **páginas de venta** son las landing pages que vende tu plataforma: home, página de un curso, página de un programa, captación. Las construyes en un editor visual de bloques sin tocar código.

> **Respuesta rápida:** usa una página de venta para publicar una landing, presentar una oferta y llevar al visitante al checkout. Puedes crear una página normal con URL propia o usarla como página principal, y configurar sus bloques, SEO y precios desde el editor visual.

---

## Tipos de página

Al crear una página eliges su función:

| Tipo | Para qué |
|---|---|
| **Página normal** | Accesible por una URL personalizada (`/l/tu-slug`). |
| **Principal por defecto** | Es la página de respaldo de la raíz del dominio (`/`): se muestra cuando no hay una principal temporal vigente. |
| **Principal temporal** | Compite por la raíz hasta una fecha y hora concretas; al vencer toma el relevo otra temporal vigente o la principal por defecto. |

> Puede haber una sola principal por defecto y varias principales temporales activas. Si coinciden varias temporales vigentes, se muestra en `/` la que tenga la fecha **Activa como principal hasta** más lejana. Cuando vence, toma el relevo la siguiente temporal vigente y, cuando ya no queda ninguna, la principal por defecto. Marcar otra página como principal por defecto sustituye únicamente a la predeterminada anterior.

---

## Crear una página

En `Web → Páginas de venta`, pulsa **Nueva página**. El modal pide plantilla, título y slug. Al confirmar, Mentorize crea inmediatamente la página con los bloques iniciales de esa plantilla y te lleva al editor; no hay un paso posterior de "Generar bloques".

Puedes cambiar la plantilla más tarde desde **Detalles** para aplicar su estilo o preset. El cambio conserva los bloques existentes: elimínalos o reordénalos manualmente si quieres otra estructura.

---

## Editor

Cada página se compone en dos pestañas:

### Pestaña "Constructor de Página"

Aquí añades, ordenas, duplicas o eliminas bloques. La biblioteca de bloques es universal: cambiar de plantilla no limita qué bloques puedes añadir. Cada bloque tiene su formulario con textos, imágenes, colores y enlaces. Antes de añadir uno eliges:

- **Insertar bloque en** — desplegable con la posición (al final por defecto, o entre dos bloques existentes).
- **Bloque** — el tipo concreto a insertar.
- **➕ Añadir bloque** — lo crea en la posición elegida.

![Constructor de una página de venta por bloques](/assets/docs/es/sales-page-editor.png)

### Pestaña "Detalles"

- **Título de la página** — sirve también como título por defecto en buscadores.
- **Plantilla** — cambia el preset visual sin regenerar ni borrar los bloques actuales.
- **Tipo de Página** — normal, principal por defecto, o principal temporal.
- **Slug (URL)** — solo aplica a páginas normales.
- **Activa como principal hasta** — solo aplica a principal temporal: cuándo deja de ser la principal.
- **SEO** — descripción, imagen Open Graph (1200×630 px recomendado), keywords. La página genera automáticamente las etiquetas de redes sociales y datos estructurados.

---

## Bloques disponibles

Los bloques son piezas listas que combinas. La biblioteca es compartida entre las cuatro plantillas: la plantilla decide la estructura inicial y el estilo, pero no bloquea qué piezas puedes añadir después.

### Bloques comunes (la mayoría de páginas los usa)

| Bloque | Para qué |
|---|---|
| **Cabecera / Navegación** | Logo arriba, botón de CTA y enlace de login. |
| **Hero con degradado** | Encabezado grande con título, subtítulo, imagen de fondo y botones. |
| **Imagen** | Imagen suelta. Variantes para escritorio y móvil. |
| **Texto enriquecido** | Bloque de texto con negritas, listas, enlaces, alineación. |
| **Texto + imagen** | Texto a un lado, imagen al otro. |
| **Vídeo** | Vídeo integrado en la posición que elijas. |
| **Callout** | Aviso o argumento clave destacado. |
| **Próximas sesiones** | Cohortes o sesiones próximas del contenido u oferta elegidos. |
| **Hero del curso** | Hero específico para páginas de curso. |
| **Resumen del curso** | Listado de módulos y lecciones. |
| **Resumen de masterclass** | Listado de masterclasses incluidas. |
| **Mentores** | Sección con los mentores asignados al producto. Dos layouts disponibles. |
| **Mensaje del mentor** | Cita o bienvenida directa del mentor. |
| **Ofertas / Precios** | El bloque de venta. Ver abajo. |

### Bloques habituales de páginas de mentoría

| Bloque | Para qué |
|---|---|
| **Hero emocional** | Encabezado más narrativo, menos comercial. |
| **Introducción** | Sección de presentación. |
| **Cómo funciona** | Pasos del servicio. |
| **Lista de beneficios** | Bullets con qué te llevas. |
| **Por qué elegirnos** | Argumentario. |
| **Testimonios** | Carrusel o lista. |
| **Banner del mentor** | Mentor destacado. |
| **Biografía del mentor** | Bio completa. |
| **Preguntas frecuentes** | Acordeón de FAQs. |

### Bloques de venta larga y curso

| Bloque | Para qué |
|---|---|
| **Hero extendido** | Encabezado con copy largo, ideal para ventas de curso con storytelling. |
| **Grid de características** | Beneficios o capacidades en una cuadrícula visual. |
| **Garantía** | Condiciones de garantía y reducción de riesgo. |
| **Historia testimonial** | Caso de éxito desarrollado con más contexto. |
| **Biografía** | Presentación extensa del creador o mentor. |

---

## El bloque de Ofertas / Precios

Es el bloque clave para vender. Lo configuras así:

### Generales del bloque

- **Eyebrow** (texto pequeño sobre el título), **Título** (por defecto "Precios"), **Subtítulo**, **Descripción**.
- **Diseño** — `Tarjetas (Moderno)` (por defecto), `Clásico (Tradicional)` para comparar planes, o `Inline (Sales Letter)` para una fila compacta integrada en un texto de venta largo.

### Por cada oferta

- **Oferta** — selector de tu catálogo (`Ventas → Ofertas`).
- **Texto del botón** — CTA personalizado para esta oferta en esta página.
- **Destacado** — texto corto opcional (~60 caracteres) que aparece como etiqueta junto al precio. Útil para resaltar una promo o recomendación (ej. "5 meses gratis", "Más popular", "Ahorra €480").
- **Mostrar descripción** — toggle.
- **Características** — lista de bullets propios para esta página (no toca la oferta global). Esto vive en el bloque, no en la oferta — así puedes presentar la misma oferta con bullets distintos según la página.
- **Destacada** — marcarla como recomendada (sale resaltada).

### Cohortes en el bloque de ofertas

Si la oferta tiene cohortes, el botón de compra hace lo siguiente automáticamente:

- **Modo "Próxima disponible"** → toma la siguiente cohorte abierta.
- **Una sola cohorte abierta** → la asigna directamente.
- **Varias cohortes abiertas** → desplegable para que el alumno elija.
- **Sin cohortes abiertas** → botón deshabilitado.

---

## Anchors

Cada bloque puede tener un **anchor** asignado (ej. `precios`, `faq`). Sirve para enlazar internamente desde otros bloques o desde el menú de navegación, saltando directamente a esa sección.

---

## Cuándo se cierra una página

Si una página tiene **fecha de cierre** y esa fecha ya pasó, los visitantes ven una pantalla de "Inscripción cerrada" con la información de cuándo vuelve a abrir y opciones de contacto. La página sigue visible en el panel para que la edites y la reactives.

---

## Guardar cambios

El editor **no guarda automáticamente**. Pulsa **Guardar** o usa `Cmd+S` en macOS / `Ctrl+S` en Windows y Linux. Guarda antes de previsualizar o salir para no perder los cambios pendientes.

---

## Vista previa

Desde el editor:

- **Previsualizar** — abre la página dentro del panel en una ventana flotante (vista móvil por defecto).
- **Ver la página** — abre la URL pública en una pestaña nueva.

La vista previa solo está disponible si la página tiene slug o está marcada como principal.

![Página de venta publicada para Programa Atlas](/assets/docs/es/sales-page-public.png)

---

## Rendimiento

Las páginas se sirven cacheadas a los **visitantes no autenticados** para que carguen rápido aunque tengas mucho tráfico. Los usuarios logueados ven siempre la versión actualizada. Cuando guardas cambios, la caché se invalida sola.

---

## Duplicar una página

En la tabla del listado puedes duplicar cualquier página. La copia llega con todos los bloques y la configuración. Al duplicar te pide nuevo título y slug.

---

## Plantillas

Las plantillas son conjuntos de bloques prediseñados que precargas al crear una página. Ver [Plantillas](https://mentorize.io/es/docs/templates.md).

---

## Lo que **no** existe (todavía)

| Funcionalidad | Estado |
|---|---|
| Protección con contraseña de la página | No existe |
| Pruebas A/B (variantes) | No existe |
| Historial de versiones / restaurar versión anterior | No existe |
| Temporizador (countdown) como bloque | No existe |
| Formulario de captación de leads nativo | No existe — se usa email marketing externo (ver [Email Marketing](https://mentorize.io/es/docs/email-marketing.md)) |

---

## Preguntas frecuentes

### ¿Qué URL utiliza una página de venta?

Una página normal usa `/l/tu-slug`. Las páginas principales se publican en la raíz del dominio (`/`): una principal temporal vigente tiene prioridad y, cuando ya no queda ninguna, se muestra la principal por defecto.

### ¿Cambiar la plantilla borra los bloques existentes?

No. El cambio aplica otro estilo o preset y conserva los bloques actuales. Si quieres una estructura distinta, debes eliminarlos o reordenarlos manualmente.

### ¿El editor guarda los cambios automáticamente?

No. Pulsa **Guardar** o usa `Cmd+S` en macOS / `Ctrl+S` en Windows y Linux antes de previsualizar o salir.
