Qué vas a lograr
- Mover secciones y bloques dentro de una página.
- Duplicar contenido antes de hacer cambios importantes.
- Eliminar contenido con cuidado y recuperar cambios con
Deshacer.
Paso a paso en Flobu
Cómo funciona la interfaz de Flobu en este tutorial
- Menú lateral: entra a Tienda online y abre la página que quieres editar.
- Panel izquierdo del editor: usa Estructura para ubicar Secciones y bloques.
- Panel central: aquí seleccionas, arrastras y revisas el contenido de la página.
- Acciones clave: Mover arriba, Mover abajo, Duplicar sección, Duplicar bloque, Eliminar, Deshacer, Rehacer, Vista previa y Publicar cambios.
1) Reordenar secciones y bloques
- Abre la página en el editor visual.
- En Estructura, busca la sección o el bloque que quieres mover.
- Selecciona una sección para ver su barra flotante.
- Usa Mover arriba o Mover abajo si solo necesitas cambiarla una posición.
- Si quieres moverla más lejos, arrástrala desde el control de agarre.
- Para mover un bloque, selecciónalo y usa Arrastrar bloque.
- Suelta el bloque dentro de la misma columna, en otra columna o en otra sección.
- Revisa el resultado en Escritorio, Tablet y Móvil.
Resultado esperado: la sección o el bloque quedó en la ubicación correcta dentro del borrador.
2) Duplicar antes de probar cambios
- Selecciona la sección o el bloque que quieres usar como base.
- Usa Duplicar sección o Duplicar bloque desde la barra flotante.
- Flobu crea la copia justo después del elemento original.
- Edita primero la copia y conserva el original mientras validas el cambio.
- También puedes usar Ctrl/Cmd + D cuando el elemento esté seleccionado y no estés escribiendo en un campo de texto.
Resultado esperado: tienes una copia independiente para probar cambios sin perder el contenido original.
3) Eliminar y recuperar si te equivocas
- Selecciona la sección o el bloque que quieres borrar.
- Si estás seguro, usa Eliminar sección o Eliminar bloque.
- También puedes presionar Delete o Backspace con el elemento seleccionado.
- Si borraste algo por error, usa Deshacer o Ctrl/Cmd + Z.
- Si necesitas volver a aplicar el cambio, usa Rehacer o Ctrl/Cmd + Shift + Z.
- Abre Vista previa para revisar el borrador antes de publicar.
- Usa Publicar cambios solo cuando el resultado esté listo para el sitio en vivo.
Resultado esperado: eliminaste contenido con control y sabes cómo recuperarlo antes de publicar.
Checklist final rápido
- Ubiqué el contenido desde Estructura.
- Moví secciones con flechas o arrastre.
- Moví bloques arrastrándolos en el área central del editor.
- Dupliqué contenido antes de hacer cambios riesgosos.
- Revisé Deshacer y Rehacer.
- Confirmé el resultado en Vista previa.
- Publiqué solo cuando el borrador quedó correcto.
Errores comunes
- Borrar sin duplicar primero: si el cambio es importante, crea una copia antes.
- Confundir "Guardando..." con publicación: el sitio en vivo cambia solo al usar Publicar cambios.
- Usar Ctrl/Cmd + D mientras escribes texto: ese atajo funciona sobre elementos seleccionados del editor, no dentro de campos de texto.
- Revisar solo en escritorio: verifica también Tablet y Móvil antes de publicar.