Qué vas a lograr
- Entender las dos entradas reales para crear una página nueva en Flobu.
- Crear una página con un título y una ruta válidos según las reglas actuales del producto.
- Abrir esa página dentro del Page Builder v2 y confirmar que quedó lista para empezar a editarse.
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 o el editor visual ya abierto.
- Panel central: fuera del editor verás el listado Páginas con el botón Agregar nueva página; dentro del editor usarás el botón central Editor · ... para abrir Cambiar página y, si quieres, crear una página sin salir del builder.
- Acciones clave: usarás Agregar nueva página, Crear Página, Editar página, Cambiar página y Crear nueva.
- Alcance de este tutorial: aquí aprenderás a crear la página y llegar al editor correcto. La construcción de secciones, layouts, bloques y estilos se trabaja en los siguientes tutoriales del Page Builder v2.
1) Elegir desde dónde crear la página
- En Flobu tienes dos caminos reales para crear una página nueva.
- El primero es desde Tienda online > Páginas.
- Ese camino es ideal si todavía no entras al editor o si quieres revisar primero el listado completo de páginas.
- El segundo es desde el propio editor visual.
- Si ya estás dentro del Page Builder v2, haz clic en el botón central Editor · Nombre de la página.
- Flobu abrirá el modal Cambiar página.
- En ese modal verás el listado de páginas existentes y el botón Crear nueva.
- Usa Páginas si quieres crear la página desde el panel administrativo tradicional.
- Usa Cambiar página > Crear nueva si ya estás trabajando en el editor y no quieres salir de ahí.
- Ten presente una diferencia importante entre ambos caminos:
- Desde Páginas, normalmente crearás primero la página y después entrarás con Editar página.
- Desde Cambiar página, Flobu puede llevarte automáticamente a editar la página recién creada.
Resultado esperado:
- Ya sabes que Flobu permite crear páginas nuevas desde el listado de páginas o desde el propio editor.
- Entendiste cuál de las dos entradas te conviene según el contexto en el que estás trabajando.
2) Crear la página con título y ruta válidos
- Si entraste por Tienda online > Páginas, haz clic en Agregar nueva página.
- Si entraste por el editor, abre Cambiar página y luego haz clic en Crear nueva.
- En ambos casos terminarás frente a un formulario de creación.
- Completa el campo Título de la página.
- Completa el campo Ruta de la página.
- Usa rutas simples y claras, por ejemplo:
/nosotros/preguntas-frecuentes/guia-de-tallas
- Si escribes una ruta con espacios, mayúsculas o sin la barra inicial, Flobu la normalizará antes de guardarla.
- Cuando todo esté listo, haz clic en Crear Página.
- Si la creación es correcta, Flobu mostrará el mensaje Página creada correctamente.
- Si la ruta ya existe dentro de tu tienda, el backend la rechazará.
- También se rechazarán rutas reservadas o conflictivas, por ejemplo rutas usadas por:
checkoutcartadmin- o las páginas legales del storefront.
- Otro límite real del producto: crear la página solo crea su ficha CMS y su ruta; todavía no agrega secciones ni publica contenido por sí solo.
Resultado esperado:
- La página fue creada con un título y una ruta aceptados por Flobu.
- Entendiste que la creación de la página no equivale todavía a diseñar ni publicar su contenido.
3) Abrirla en el Page Builder v2 y validar que cargó bien
- Si creaste la página desde Páginas, usa la acción Editar página.
- Flobu abrirá el editor en una pestaña nueva usando la ruta de esa página.
- Si creaste la página desde Cambiar página, Flobu intentará navegar directamente a
/admin/editor?path=.... - Cuando cargue el editor, revisa la barra superior.
- El botón central Editor · ... debe mostrar el nombre de la página correcta.
- Si la página recién nace y aún no tiene contenido, el canvas mostrará el estado inicial: Comienza agregando una sección.
- En ese punto verás acciones como Agregar sección y Elegir plantilla.
- Ese estado es normal y significa que la página ya existe, pero aún no tiene diseño construido.
- Si el editor no encuentra la ruta solicitada, Flobu puede mostrar la pantalla de error: La página no ha sido encontrada.
- Si eso ocurre, vuelve a Páginas y confirma que la ruta exista realmente.
- Si no tienes permisos de escritura sobre la tienda online, tampoco podrás trabajar en esta pantalla.
- Una vez abierta correctamente, ya estás listo para seguir con los tutoriales de:
- secciones;
- layouts;
- bloques;
- y configuración visual dentro del Page Builder v2.
Resultado esperado:
- La nueva página quedó abierta en el editor correcto.
- Sabes reconocer el estado inicial de una página vacía y puedes confirmar si la apertura fue exitosa o si hubo un problema con la ruta o los permisos.
Checklist final rápido
- Identifiqué si me convenía crear la página desde Páginas o desde Cambiar página.
- Abrí el formulario correcto para crear una nueva página.
- Completé el campo Título de la página.
- Completé el campo Ruta de la página.
- Usé una ruta simple, única y válida.
- Hice clic en Crear Página.
- Confirmé el mensaje Página creada correctamente.
- Abrí la página con Editar página o dejé que Flobu me llevara directo al editor.
- Verifiqué que el botón Editor · ... mostrara la página correcta.
- Entendí que una página nueva puede abrir con el estado Comienza agregando una sección.
Errores comunes
- Pensar que solo se pueden crear páginas desde Páginas. Si ya estás dentro del editor, Cambiar página > Crear nueva también sirve.
- Usar una ruta ya ocupada por otra página de la misma tienda. Flobu no permite duplicados.
- Escribir rutas reservadas o conflictivas, como flujos del checkout o del panel administrativo. El backend las rechazará.
- Esperar que una página nueva ya venga con contenido armado. Lo normal es que abra vacía y muestre Comienza agregando una sección.
- Crear la página y olvidar abrirla en Editar página. Desde el listado administrativo, crear no siempre significa entrar automáticamente al editor.
- Confundir la creación de la página con la publicación del contenido. La página puede existir en el editor y seguir sin contenido publicado.