CEl Camino del Cambio · landing unificada

Previsualizar y revisar la landing

Las tres landings del lanzamiento son ahora una sola, que cambia sola según la fecha y la hora. Para poder revisarla hoy, sin esperar al domingo por la noche, trae un modo de previsualización que finge cualquier momento.

Antes de empezar: si un enlace parece no hacer nada, comprueba que la URL sigue llevando preview=1. Sin él los demás parámetros se ignoran a propósito y la landing vuelve a la fecha real, donde todavía no hay nada abierto.

La landing tiene tres estados. Cada tarjeta te deja en uno de ellos, sin tener que esperar al domingo por la noche. A partir de ahí, navega tú: baja, abre vídeos, prueba los botones. Debajo de cada una está lo concreto que conviene mirar.
Si además quieres ver una transición en vivo (la página cambiando sola, sin recargar), usa now= — está explicado en la guía.
¿Cómo funciona esto?

1 · Antes de la apertura pre Desde que acaba el reto el viernes hasta el domingo a las 21:00. Todavía no se puede comprar. estado=pre Mira: que se vea la sección de pre-apertura con sus 6 pasos (el 5 es la valoración de la técnica para los 100 primeros), que la tarjeta de oferta NO aparezca, y que los botones de compra estén bloqueados con el candado — ni siquiera con el teclado se debe llegar a Hotmart. 2 · La oferta, con bonus live Las primeras 12 horas, del domingo 21:00 al lunes 09:00. Con los 6 meses de regalo y el sorteo del crucero. estado=live Mira: que la pre-apertura haya desaparecido, que salga la tarjeta de oferta con el banner de los 6 meses de regalo, que ponga 12 meses donde toca, que en la lista estén la valoración de la técnica y el crucero, y que el botón lleve a Hotmart. Es el estado que más dinero mueve: revísalo también en el móvil de verdad. 2b · La prórroga live Del lunes 09:00 a las 21:00. La misma oferta, con tiempo extra: sigue habiendo 12 meses y pago en Hotmart. estado=prorroga Mira: que la barra de arriba y el banner digan «Prórroga» y las 21:00, que la cuenta atrás mire a las 21:00, que el crucero haya desaparecido de la lista y que no quede ninguna frase de «primeras 12 h» ni «lunes 09:00» (letra pequeña, tarjeta de acceso, primera pregunta del FAQ). 3 · La oferta cerrada post A partir del lunes a las 21:00. El carrito sigue abierto, pero sin bonus y hablando con el equipo. estado=post Mira: que no quede ni rastro de los 6 meses de regalo (banner, el 6 tachado, la valoración de la técnica, la prórroga, la letra pequeña), que ponga 6 meses, que no corra ninguna cuenta atrás y que no quede ni un enlace a Hotmart. Es el estado que más tiempo va a estar en el aire.

1Qué es y para qué sirve

Antes había tres páginas distintas y alguien tenía que ir cambiando las redirecciones a mano: el sábado por la noche, el domingo a las 21:00 y el lunes por la mañana. Ahora es una sola página que se guía por el reloj y cambia sola, sin recargar y sin que nadie tenga que estar despierto tocando nada.

Eso hace imposible revisarla de golpe: la pantalla del domingo a las 21:05 no existe hasta el domingo a las 21:05. El modo previsualización resuelve esto: le dice a la landing «haz como si fueran las 21:05 del domingo» y la página se dibuja tal cual saldrá ese día.

Importante: la previsualización no cambia el contenido, sólo el momento. Lo que veas es exactamente lo que verá la persona ese día, con los mismos textos y los mismos botones.

2Cómo abrirlo

Todo está en la carpeta del proyecto. Abre previsualizar.html, esta misma página, y pulsa cualquiera de las tarjetas. No hace falta instalar nada.

Si la landing ya está publicada

Funciona igual: añade los parámetros al final de la URL de la página.

caminodelcambio.com/preapertura/?preview=1&now=2026-09-20T21:05

3La regla de oro

Sin preview=1 no pasa nada. Los demás parámetros se ignoran a propósito y la landing vuelve a la fecha real, donde el carrito todavía no ha abierto.

Si un enlace «no hace nada», lo primero que hay que comprobar es si la URL sigue llevando preview=1. Al copiar y pegar por WhatsApp o por correo es fácil que se pierda parte de la dirección.

Esto es deliberado: evita que alguien llegue por casualidad a un estado que aún no le toca — y sobre todo, que llegue al checkout antes de la apertura.

Esto es una herramienta interna. Los parámetros no aparecen en ninguna parte de la landing: no hay ningún botón ni enlace que lleve a ellos, así que nadie se los encuentra navegando. Cuando el modo está encendido se ve una cinta morada arriba y una barra abajo, para que nadie confunda una previsualización con la página de verdad.

Lo que hagas aquí no afecta a nadie más. Los parámetros cambian lo que ves tú en tu pantalla, no lo que está abierto para los demás: la landing de verdad sigue rigiéndose por la hora del servidor.

No es un candado, y no lo pretende. Quien conozca los parámetros puede escribirlos. Se asume a propósito, porque lo que se adelantaría es ver una oferta antes de tiempo, no comprarla: el enlace de pago de Hotmart es el mismo esté como esté la página. Por eso: estos enlaces se quedan dentro del equipo.

4Los tres parámetros

Se combinan entre sí con & y el orden da igual. Existe también debug=1, que es sólo otro nombre para preview=1.

ParámetroQué haceEjemplo
preview=1 Obligatorio. Enciende el modo previsualización. Sin él, los demás no tienen efecto. ?preview=1
now= La fecha y hora que se quiere fingir, siempre en hora de Madrid, sin importar dónde esté quien revisa. Formato AAAA-MM-DDTHH:MM. now=2026-09-20T21:05
estado= Fija un estado directamente, sin pensar en fechas. Valores: pre · live · prorroga · post. Manda sobre now. prorroga es live ya en la prórroga. estado=live

Un ejemplo completo, leído en voz alta

index.html?preview=1&now=2026-09-20T21:05

«Enciende la previsualización y haz como si fuera el domingo 20 a las 21:05

Las fechas del lanzamiento

Cuándo (hora de Madrid)Qué ocurre
hasta 2026-09-20 21:00pre pre-apertura · no se puede comprar
2026-09-20 21:00live abre el carrito · empiezan las 12 h de bonus y el sorteo del crucero
2026-09-21 09:00live prórroga · se acaba el sorteo, la oferta sigue igual hasta las 21:00
2026-09-21 21:00post se acaba el bonus · la venta pasa por WhatsApp

Estas tres fechas viven en un único sitio: arriba del todo de estado.js, en CONFIG. Mover el lanzamiento o la prórroga es tocar una línea; para quitar la prórroga, basta con poner su inicio igual que el fin del bonus. El horario de verano se resuelve solo.

La prórroga no es un cuarto estado. Es la segunda parte de live: no se anuncia antes, aparece a las 09:00.

Tampoco hay estado de carrito cerrado. El carrito no se cierra al acabar la prórroga: sólo se pierde el bonus. post es el estado final y se queda en el aire indefinidamente, con la venta pasando por WhatsApp.

5De dónde sale la hora

El reloj del visitante no se usa como verdad. Puede estar mal puesto —y entonces esa persona ve un estado que no le toca— o atrasado a propósito para estirar el bonus. Así que la landing le pregunta la hora al servidor y se guarda la diferencia.

  1. La hora del propio servidor. Se lee de la cabecera Date de una petición a caminodelcambio.com. Es la web que ya está sirviendo la página: si responde, es la fuente buena.
  2. Un reloj público, sólo si la primera falla.
  3. El reloj del dispositivo, ya como último recurso, dejando aviso en la consola del navegador.

Se vuelve a sincronizar cada diez minutos y cada vez que se vuelve a la pestaña, para cubrir el portátil que estuvo suspendido.

Por eso la caché ya no es un problema. El HTML no lleva ningún estado dentro: lleva las tres variantes y la lógica. Una página servida desde la caché calcula el estado igual de bien que una recién pedida al servidor.

6Qué mirar en cada estado

Además de lo específico de cada escenario, estas reglas valen para toda la landing.

Revisad también en el móvil de verdad, no sólo estrechando la ventana del ordenador. La mayoría llega desde WhatsApp con el móvil en la mano, y ahí cambian la barra del navegador y las zonas seguras del aparato.

7Límites del modo previsualización3 avisos para no perseguir fantasmas
  1. En previsualización no se pregunta la hora al servidor. La hora la fijas tú. Para comprobar que la sincronización funciona, abre la landing sin preview=1 y mira la consola.
  2. Los segundos se ignoran. now=…T20:59:56 se entiende como 20:59.
  3. El tiempo sigue corriendo con now=. Si abres now=2026-09-20T20:59 y lo dejas un minuto, la página pasará sola a la oferta, sin recargar, como hará en real. Es la única forma de ver una transición en vivo. Con estado= no: ahí se queda fijo.
8Cómo reportar un falloqué incluir para que se reproduzca en un minuto
  1. La URL entera, con todos sus parámetros. Es lo que más ayuda.
  2. Captura de pantalla.
  3. Aparato y navegador (móvil u ordenador, Chrome, Safari…).
  4. Qué esperabas y qué pasó.
  5. Si es raro: abre la consola del navegador y copia lo que salga en rojo.

Antes de reportar, comprueba que la URL sigue llevando preview=1 y que lo que ves no es de la lista de la pestaña «Qué falta».

Qué falta

Del briefing ya no queda nada pendiente. Lo único que falta es mirarla: nadie ha revisado los tres estados con los ojos todavía.

Lo último que entró

La prórroga. A las 09:00 del lunes, en vez de cerrarse, la oferta pasa a tiempo extra hasta las 21:00: la barra de arriba y el banner dicen «Prórroga», la cuenta atrás mira a las 21:00, siguen los 12 meses y el pago en Hotmart, y se quita el sorteo del crucero, que sigue siendo sólo de las primeras 12 horas.

Vuelve la valoración de la técnica en vídeo, ahora para las 100 primeras personas que se inscriban: paso 5 de la pre-apertura y lista de la tarjeta de oferta, mientras se pueda pagar en Hotmart. No hay contador de plazas: el texto no cambia al llegar a 100.

Lo anterior

El sorteo del crucero, en las dos partes donde tocaba: el paso 4 de la pre-apertura y la lista de la tarjeta de oferta. Entra quien compre en las primeras 12 horas —la misma ventana que el bonus, así que aparece y desaparece con él, sin un segundo reloj que mantener.

Y una fecha que estaba mal. El paso 3 decía «entre domingo 21h y lunes 21h», que son 24 horas, cuando la ventana son 12. Ahora dice lunes a las 9h.

Otra cosa menor

Los 9 guiones de la tabla comparativa son el símbolo de «no lo tiene», emparejado con el de las filas positivas. Se pueden cambiar por si se prefiere.

Lo que falta de verdad: mirarla

Todo lo de abajo está verificado en estructura y en lógica, pero nadie ha revisado los tres estados con los ojos. Para eso está la pestaña de escenarios. Merece atención especial la costura de la sección nueva con los pilares, la rejilla 2×2 en el móvil, y el estado post, que es el que más tiempo va a estar en el aire.

Lo que ya está dentro

La arquitectura: los tres estados con su contenido · el cambio en vivo sin recargar y sin depender de la caché · la hora del servidor como fuente de verdad · los 10 botones de compra dirigidos desde un único sitio · el bloqueo real del checkout antes de la apertura · la pre-apertura y la tarjeta de oferta conviviendo · todo lo que promete el bonus desapareciendo solo al pasar las 12 h.

El briefing: las fechas de septiembre · la modalidad 6 meses + oferta de 12, con la duración correcta en cada estado · los tres directos semanales (antes decía «mensuales» en cuatro sitios) · el canal de dudas 24 h, redactado sin mencionar la IA · la nutrición reforzada. El precio y la financiación se quedan como estaban, según lo acordado.

Los ajustes sueltos: la foto posada de la galería sustituida por una real · los guiones largos fuera de todo el texto · el salto de línea del «Plan de entrenamiento 6 meses», que afectaba a tres sitios · las cuatro tarjetas de la sección nueva con el mismo aspecto · y el antes y después con Orlando, en rejilla 2×2.

Landing unificada · guía de previsualización y revisión · El Camino del Cambio