Crear una pagina y abrirla en el editor

Aprende a crear una pagina nueva en Flobu y abrirla correctamente dentro del Page Builder v2 para empezar a editarla.

6 min de lecturaPublicado: 24 mar 2026Actualizado: 28 mar 2026

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

  1. En Flobu tienes dos caminos reales para crear una página nueva.
  2. El primero es desde Tienda online > Páginas.
  3. Ese camino es ideal si todavía no entras al editor o si quieres revisar primero el listado completo de páginas.
  4. El segundo es desde el propio editor visual.
  5. Si ya estás dentro del Page Builder v2, haz clic en el botón central Editor · Nombre de la página.
  6. Flobu abrirá el modal Cambiar página.
  7. En ese modal verás el listado de páginas existentes y el botón Crear nueva.
  8. Usa Páginas si quieres crear la página desde el panel administrativo tradicional.
  9. Usa Cambiar página > Crear nueva si ya estás trabajando en el editor y no quieres salir de ahí.
  10. 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

  1. Si entraste por Tienda online > Páginas, haz clic en Agregar nueva página.
  2. Si entraste por el editor, abre Cambiar página y luego haz clic en Crear nueva.
  3. En ambos casos terminarás frente a un formulario de creación.
  4. Completa el campo Título de la página.
  5. Completa el campo Ruta de la página.
  6. Usa rutas simples y claras, por ejemplo:
    • /nosotros
    • /preguntas-frecuentes
    • /guia-de-tallas
  7. Si escribes una ruta con espacios, mayúsculas o sin la barra inicial, Flobu la normalizará antes de guardarla.
  8. Cuando todo esté listo, haz clic en Crear Página.
  9. Si la creación es correcta, Flobu mostrará el mensaje Página creada correctamente.
  10. Si la ruta ya existe dentro de tu tienda, el backend la rechazará.
  11. También se rechazarán rutas reservadas o conflictivas, por ejemplo rutas usadas por:
    • checkout
    • cart
    • admin
    • o las páginas legales del storefront.
  12. 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

  1. Si creaste la página desde Páginas, usa la acción Editar página.
  2. Flobu abrirá el editor en una pestaña nueva usando la ruta de esa página.
  3. Si creaste la página desde Cambiar página, Flobu intentará navegar directamente a /admin/editor?path=....
  4. Cuando cargue el editor, revisa la barra superior.
  5. El botón central Editor · ... debe mostrar el nombre de la página correcta.
  6. Si la página recién nace y aún no tiene contenido, el canvas mostrará el estado inicial: Comienza agregando una sección.
  7. En ese punto verás acciones como Agregar sección y Elegir plantilla.
  8. Ese estado es normal y significa que la página ya existe, pero aún no tiene diseño construido.
  9. Si el editor no encuentra la ruta solicitada, Flobu puede mostrar la pantalla de error: La página no ha sido encontrada.
  10. Si eso ocurre, vuelve a Páginas y confirma que la ruta exista realmente.
  11. Si no tienes permisos de escritura sobre la tienda online, tampoco podrás trabajar en esta pantalla.
  12. 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.

Tutoriales relacionados