Qué vas a lograr
- Diferenciar claramente entre borrador, vista previa y sitio publicado dentro del Page Builder v2.
- Navegar versiones reales del editor con Deshacer y Rehacer, entendiendo cuándo Flobu publica la cabeza actual y cuándo parte desde una versión histórica.
- Resolver guardado pendiente, reseteo a publicada y conflictos de versión sin improvisar ni perder contenido local.
Paso a paso en Flobu
Cómo funciona la interfaz de Flobu en este tutorial
- Menú lateral: aquí no trabajarás tanto con bloques, sino con la barra superior del editor, el menú Acciones y, en algunos casos, el modal Cambiar página.
- Panel central: el canvas te muestra el borrador actual de la página; ese estado puede no coincidir con el Sitio publicado.
- Acciones clave: usarás Vista previa, Sitio publicado, Deshacer, Rehacer, Publicar cambios, Regenerar link vista previa y, si existe una versión live, Resetear a publicada.
- Alcance de este tutorial: aquí aprenderás el flujo real del editor. Hoy no hay una lista cronológica visible de versiones; la navegación histórica principal ocurre con Deshacer y Rehacer.
1) Entender la diferencia entre borrador, vista previa y sitio publicado
- Abre una página dentro del Page Builder v2.
- En la barra superior, abre Acciones.
- Ahí verás opciones como Sitio publicado, Vista previa y Regenerar link vista previa.
- Vista previa abre el borrador actual en una pestaña nueva.
- Esa vista depende de que la página tenga preview_token y de que el sitio tenga dominio disponible.
- Si ese link no está listo, la opción puede aparecer deshabilitada.
- Sitio publicado abre la versión en vivo de esa página.
- Esa opción depende de que el dominio público esté configurado.
- La regla clave es esta: el canvas del editor y la Vista previa trabajan sobre borrador; Sitio publicado muestra lo que hoy ve un cliente real.
- Por eso, cuando hagas cambios importantes, conviene comparar ambos lados.
- Si sospechas que el link de preview se compartió de más, o simplemente quieres invalidarlo, usa Regenerar link vista previa.
- Flobu abre un modal de confirmación que te avisa que el link anterior dejará de funcionar inmediatamente al refrescar o volver a abrir la vista previa.
- Esta acción no publica nada. Solo reemplaza el token del preview del borrador.
- Usa Vista previa para revisar cambios antes de publicar.
- Usa Sitio publicado para verificar que todavía no impactaste el sitio en vivo antes de confirmar la publicación.
Resultado esperado:
- Diferenciaste correctamente borrador, preview y versión publicada.
- Supiste cuándo usar Vista previa, cuándo usar Sitio publicado y qué efecto real tiene Regenerar link vista previa.
2) Navegar versiones con Deshacer y Rehacer, y publicar desde el contexto correcto
- En escritorio, verás Deshacer y Rehacer en la barra superior.
- En pantallas pequeñas, esos controles bajan a la barra flotante inferior junto con Publicar cambios.
- También puedes usar atajos de teclado:
- Ctrl/Cmd + Z para deshacer.
- Ctrl/Cmd + Shift + Z o Ctrl + Y para rehacer.
- Ctrl/Cmd + S para disparar la publicación.
- En este editor, Deshacer y Rehacer no son solo una memoria visual del último clic: Flobu navega versiones reales del documento.
- Si tienes cambios pendientes antes de moverte entre versiones, el editor intenta auto-guardarlos primero, lo que reduce el riesgo de perder trabajo al recorrer el historial.
- Cuando te mueves a una versión anterior, estás navegando un snapshot histórico. Ahí cambia el contexto del botón de publicación:
- Si solo estás parado en una versión histórica sin crear cambios nuevos, el botón puede pasar a Publicar esta versión.
- Si desde esa versión histórica ya generaste un nuevo borrador local, el botón puede pasar a Publicar desde aquí.
- Si estás en la cabeza actual con cambios pendientes, verás el comportamiento normal de Publicar cambios.
- Si estás exactamente sobre la versión que ya está publicada y no hay nada nuevo, Flobu no te dejará publicar otra vez como si fuera un cambio real.
- Otro flujo relacionado aparece en Acciones > Resetear a publicada. Ese botón solo aparece si existe una versión oficial publicada.
- El modal explica algo muy importante: no cambia lo que ya está live. Lo que hace es eliminar borradores visibles posteriores y crear un nuevo borrador desde la versión publicada.
- Úsalo cuando el editor se haya desordenado demasiado y quieras volver a partir desde lo que hoy está en producción.
Resultado esperado:
- Navegaste versiones reales con Deshacer y Rehacer, entendiendo que Flobu puede guardar antes de moverse.
- Entendiste por qué el botón de publicación cambia entre Publicar cambios, Publicar esta versión y Publicar desde aquí.
3) Resolver guardado pendiente, salida segura y conflictos sin perder trabajo
- Mientras editas, el editor puede pasar por estados como Guardando... o Publicando.... Aunque no veas una tabla de versiones en pantalla, ese guardado va sosteniendo la rama actual del borrador.
- Si intentas volver a Inicio o cambiar de página desde el editor, Flobu intenta guardar antes de salir.
- Si hay un conflicto pendiente, el editor bloquea esa salida y te avisa que recargues primero.
- Si no pudo guardar antes de cambiar de página o volver al panel, también te lo indicará.
- Además, si intentas cerrar la pestaña o recargar con trabajo pendiente, el navegador puede mostrar una advertencia de salida.
- El caso más delicado es el Conflicto de versión. Cuando ocurre, aparece un overlay sobre el editor con el título Conflicto de versión detectado.
- Flobu te explica que tus cambios locales no se guardaron porque existe una versión más reciente en el servidor.
- Si el sistema conoce ambos números, te muestra:
- Versión local base.
- Versión más reciente en servidor.
- Ahí tienes dos caminos reales:
- Descargar copia de seguridad: te baja un archivo .json con tu contenido local actual antes de recargar.
- Recargar versión actual: abandona tu rama local y vuelve a cargar la versión vigente del servidor.
- En algunos casos, si una versión histórica deja de estar visible mientras navegas, Flobu se recupera solo y te devuelve a la versión más reciente mostrando un mensaje de aviso.
- La mejor práctica es simple: si aparece un conflicto, no sigas editando a ciegas. Descarga el respaldo si el trabajo era importante, recarga y vuelve a entrar desde una base limpia antes de publicar.
Resultado esperado:
- Entendiste cómo Flobu intenta proteger tus cambios al salir, cambiar de página o navegar el historial.
- Sabes exactamente qué hacer cuando aparece un conflicto de versión y cómo rescatar una copia antes de recargar.
Checklist final rápido
- Diferenciaste Vista previa del borrador y Sitio publicado.
- Verificaste si el preview estaba disponible antes de depender de ese link.
- Entendiste que Regenerar link vista previa invalida el link anterior.
- Usaste Deshacer y Rehacer sabiendo que navegan versiones reales del documento.
- Reconociste que el botón de publicar cambia según si estás en la cabeza actual o en el historial.
- Entendiste para qué sirve Resetear a publicada y que no publica nada por sí solo.
- Revisaste el estado del editor antes de salir o cambiar de página.
- Supiste que Flobu intenta guardar antes de navegar fuera del editor.
- Identificaste el overlay Conflicto de versión detectado y sus dos acciones reales.
- Descargarías una copia de seguridad antes de recargar si el conflicto afecta trabajo importante.
Errores comunes
- Confundir el canvas del editor con el sitio en vivo. El borrador puede verse perfecto en el editor mientras Sitio publicado todavía sigue igual.
- Publicar desde el historial sin entender el contexto del botón. Publicar esta versión y Publicar desde aquí no significan exactamente lo mismo que Publicar cambios en la cabeza actual.
- Pensar que Deshacer solo retrocede el último clic visual. En este editor navega versiones reales y puede implicar la carga de snapshots anteriores.
- Salir del editor apenas ves Guardando... Lo más seguro es dejar que el guardado termine o usar los flujos que intentan guardar antes de cambiar de página.
- Ignorar un conflicto de versión y seguir trabajando como si nada. Cuando aparece ese overlay, conviene descargar el respaldo y recargar antes de continuar.
- Usar Resetear a publicada creyendo que revertirá el sitio live de inmediato. Ese flujo solo reconstruye la rama actual del editor desde lo que ya está publicado.