Crear y administrar paginas CMS

Qué vas a lograr

• Crear una página nueva desde Páginas usando un título y una ruta válida para tu tienda.
• Entender cómo se administra una página CMS desde el editor de Flobu sin confundir borrador, página publicada y vista previa.
• Publicar, ocultar, programar, duplicar o eliminar páginas según la necesidad real de tu tienda.

---

Paso a paso en Flobu

Cómo funciona la interfaz de Flobu en este tutorial

• Menú lateral: en este tutorial usarás Tienda online > Páginas y luego el editor visual de Flobu.
• Panel central: primero verás el listado Páginas con buscador, estados y enlaces como Editar página e Ir a la página. Después entrarás al editor, donde administrarás la página desde Preferencias de página.
• Acciones clave: usarás Agregar nueva página, Crear Página, Editar página, Publicar cambios, el menú Acciones, la Vista previa, el duplicado desde Cambiar página y el botón Eliminar página.
• Alcance de este tutorial: aquí aprenderás el ciclo de vida de una página CMS. El diseño fino de bloques, secciones y layouts del Page Builder se trabaja con más detalle en los tutoriales de Page Builder v2.

---

1) Crear la página desde Tienda online > Páginas

1. Entra al dashboard de tu tienda.
2. En el menú lateral, abre Tienda online.
3. Entra a Páginas.
4. Revisa el listado central con las columnas Título, Ruta, Estado y Acciones.
5. Si ya tienes muchas páginas, puedes usar Buscar por título o ruta.
6. Haz clic en Agregar nueva página.
7. Flobu abrirá el modal Agregar nueva página.
8. Completa el campo Título de la página.
9. Completa el campo Ruta de la página. Usa rutas simples como /nosotros, /faq o /guia-de-tallas.
10. Si escribes la ruta sin la barra inicial o con espacios y mayúsculas, Flobu la normalizará al guardarla.
11. Haz clic en Crear Página.
12. Si todo está bien, Flobu mostrará el mensaje Página creada correctamente.
13. Si la ruta ya existe en tu tienda, el backend la rechazará. También se rechazarán rutas vacías o reservadas para otras partes del sitio, como /checkout, /cart, /admin o las páginas legales del storefront.

Ten en cuenta: crear la página no diseña su contenido por sí solo. En este paso solo estás creando la ficha CMS y su ruta dentro del sitio.

Resultado esperado:

• La página quedó creada con un título y una ruta válida dentro de tu tienda.
• Entendiste que el alta de la página no reemplaza la edición visual ni la publicación final del contenido.

---

2) Administrar la página desde el editor y sus preferencias

1. Desde la tabla de Páginas, haz clic en Editar página.
2. Flobu abrirá el editor visual en una pestaña nueva usando la ruta de esa página.
3. En la barra superior verás un botón central con el formato Editor · Nombre de tu página. Desde ahí puedes confirmar que estás trabajando sobre la página correcta.
4. En el panel lateral derecho, entra a Preferencias de página.
5. En ese bloque podrás administrar:
   • Título página
   • Descripción página
   • Estado
   • Publicar desde
   • Despublicar en
   • La imagen OpenGraph
   • El campo Schema Markup (JSON-LD)
6. En Estado, la interfaz actual solo te permite alternar entre Activo e Invisible. Si una página está Invisible, sigue siendo editable, pero no queda disponible públicamente en la ruta normal.
7. Si configuras Publicar desde, Flobu podrá activarla automáticamente cuando llegue esa fecha.
8. Si configuras Despublicar en, Flobu podrá volverla invisible automáticamente cuando llegue ese momento. Si completas ambas fechas, Despublicar en debe ser posterior a Publicar desde.
9. En Preferencias de página no existe un campo para cambiar la ruta. La ruta se define al crear la página y en este panel solo puedes verla como URL.
10. Si quieres trabajar el contenido visual, usa el canvas central del editor. Si quieres partir desde una base ya hecha, el menú Acciones incluye la opción Usar plantilla.

No confundas guardado de borrador con publicación: el editor va guardando borradores de trabajo, pero la página pública no cambia hasta que uses Publicar cambios.

Resultado esperado:

• Abriste la página correcta en el editor y ubicaste el panel Preferencias de página.
• Entendiste que metadata, estado y programación viven en las preferencias, mientras que el diseño visual se trabaja en el canvas.

---

3) Publicar, previsualizar, duplicar o eliminar la página

1. Cuando termines los cambios principales, usa el botón superior Publicar cambios. Ese botón publica la última versión del borrador que tienes en el editor.
2. Si no publicas, la página en vivo seguirá mostrando la última versión publicada, o incluso una página vacía si nunca publicaste contenido.
3. Abre el menú superior Acciones para gestionar la página:
   • Usa Sitio publicado para abrir la versión en vivo de esa ruta.
   • Usa Vista previa para abrir el borrador mediante un enlace con token. Si ese enlace ya se compartió y quieres invalidarlo, usa Regenerar link vista previa.
4. Si necesitas una copia de la página, toca el botón central Editor · ... para abrir el modal Cambiar página. En ese listado, usa el ícono de copiar al lado de la página que quieres duplicar.
5. Flobu creará una copia con un título tipo Copia de ... y una ruta nueva con sufijo -copy. Esa copia parte como Invisible, lo que es útil para trabajarla sin mostrarla al público todavía.
6. Si quieres eliminar una página, entra a Preferencias de página y baja hasta Eliminar página. Flobu te pedirá escribir exactamente el título de la página para confirmar. Solo después de esa confirmación se ejecutará la eliminación.

Importante: este flujo de eliminación aplica a páginas CMS personalizadas. La página de inicio / tiene restricciones adicionales y no se administra igual que una página CMS común.

Resultado esperado:

• Sabes diferenciar una vista publicada, una vista previa de borrador y una copia invisible para trabajar en paralelo.
• Puedes completar el mantenimiento básico de una página CMS sin salirte de los flujos reales que hoy ofrece Flobu.

---

Checklist final rápido

• Entré a Tienda online > Páginas.
• Creé una página nueva con Título de la página y Ruta de la página.
• Verifiqué que la ruta fuera válida y no duplicada.
• Entré a Editar página.
• Ubiqué Preferencias de página en el editor.
• Ajusté título, descripción, estado o fechas si era necesario.
• Entendí que el borrador no reemplaza la versión publicada hasta usar Publicar cambios.
• Usé Sitio publicado o Vista previa según el caso.
• Entendí cómo duplicar una página y que la copia parte como Invisible.
• Entendí cómo eliminar una página confirmando su título exacto.

---

Errores comunes

• Creer que crear la página ya diseña y publica su contenido. En Flobu primero creas la ruta y después trabajas el contenido y la publicación desde el editor.
• Escribir rutas conflictivas o reservadas, como /checkout, /cart, /admin o páginas legales del sitio. El backend las rechazará.
• Pensar que guardar borradores en el editor ya los deja en vivo. La versión pública solo cambia cuando usas Publicar cambios.
• Intentar cambiar la ruta desde Preferencias de página. En la interfaz actual puedes verla, pero no editarla desde ese panel.
• Dejar una página en Invisible y luego sorprenderte porque no se muestra al público. Invisible significa editable, pero no visible en la ruta normal.
• Configurar Despublicar en antes de Publicar desde. Esa combinación no es válida y Flobu la rechazará.