Qué vas a lograr
- Entrar a Tienda online > General y ubicar el bloque correcto para editar la identidad básica del sitio.
- Cambiar el nombre, la descripción y el FavIcon usando la interfaz real de Flobu.
- Guardar, validar el resultado en la tienda pública y usar Revalidar caché si el cambio no aparece al instante.
Paso a paso en Flobu
Cómo funciona la interfaz de Flobu en este tutorial
- Menú lateral: en este tutorial usarás Tienda online y trabajarás en la pestaña General.
- Panel central: verás el bloque Nombre y descripción de la tienda, luego Estado de la tienda online, después Logos e imágenes y al final Caché del sitio web.
- Acciones clave: editarás Nombre de la tienda y Descripción, harás clic sobre el cuadro de FavIcon, usarás el gestor de imágenes con Subir imagen o Seleccionar, luego Guardar cambios y, si hace falta, Revalidar caché.
- Alcance de este tutorial: aquí configurarás nombre, descripción y favicon del sitio web. Aunque en la misma pantalla existen Logo y OpenGraph, esos activos se trabajan con más detalle en otro tutorial.
1) Entrar a Tienda online > General y entender qué parte editarás
- Entra al dashboard de tu tienda.
- En el menú lateral, abre Tienda online.
- Verifica que la pestaña activa sea General.
- Si entraste desde otra sección, usa la barra superior de pestañas y vuelve a General.
- Ubica el primer bloque llamado Nombre y descripción de la tienda.
- Revisa los dos campos visibles: Nombre de la tienda y Descripción.
- Ten presente lo que resuelve cada uno:
- El nombre alimenta el título base del sitio.
- La descripción se usa como descripción general del storefront.
- Más abajo, el FavIcon controla el ícono de la pestaña del navegador.
- También verás en esta misma pestaña otros bloques como Estado de la tienda online, Logos e imágenes y Caché del sitio web.
- Un detalle importante de interfaz: en General hay un solo botón principal Guardar cambios en la parte superior. Ese botón guarda los cambios hechos dentro de esta pestaña.
Resultado esperado:
- Llegaste a la pantalla correcta para editar la identidad básica del sitio.
- Entendiste que nombre, descripción y favicon viven en la misma pestaña General, pero no se aplican hasta guardar.
2) Cambiar nombre, descripción y favicon desde la interfaz real
- En Nombre y descripción de la tienda, escribe el nuevo texto en Nombre de la tienda.
- Usa un nombre corto y reconocible. Flobu limita este campo a 180 caracteres.
- Completa o corrige el campo Descripción.
- Usa una descripción clara de tu tienda. Este campo también tiene un límite de 180 caracteres.
- Baja al bloque Logos e imágenes.
- En este tutorial trabaja solo sobre FavIcon.
- Haz clic sobre la tarjeta de FavIcon, donde Flobu muestra la imagen actual o un cuadro vacío con ícono de imagen.
- Se abrirá el gestor de imágenes de Flobu.
- Si ya tienes una imagen cargada, puedes seleccionarla desde la vista Imágenes.
- Si todavía no la tienes, usa Subir imagen o Subir mi primera imagen.
- En el modal de subida, Flobu acepta imágenes y te permite elegirlas por clic o arrastrarlas.
- Cuando la imagen esté disponible en el gestor, selecciónala y confirma con Seleccionar.
- Volverás a la pestaña General y verás la vista previa del nuevo FavIcon.
- Recuerda esta diferencia importante:
- Elegir la imagen en el modal no publica el cambio por sí solo.
- Para aplicar nombre, descripción y favicon, todavía debes usar Guardar cambios.
Resultado esperado:
- Dejaste listos el nuevo nombre, la nueva descripción y la vista previa del FavIcon.
- Entendiste que la selección de imagen es solo una parte del flujo y que el guardado final ocurre al volver a General.
3) Guardar, validar en la tienda pública y revalidar caché si hace falta
- Vuelve a la parte superior de la pestaña General.
- Haz clic en Guardar cambios.
- Si todo sale bien, Flobu mostrará el mensaje: «Tienda online actualizada correctamente.»
- Si no tienes permisos de escritura sobre la tienda online, Flobu devolverá un error y no aplicará los cambios.
- Revisa también el bloque Estado de la tienda online. Si el sitio aparece como paused, inactive o pending_setup, puedes guardar estos cambios igual, pero la validación pública deberá esperar a que la tienda vuelva a estar activa.
- Abre tu tienda pública en otra pestaña del navegador.
- Revisa tres cosas:
- El título del sitio en la pestaña del navegador.
- La descripción general cuando corresponda a metadata del sitio.
- El ícono de la pestaña del navegador.
- Si sigues viendo el nombre, la descripción o el favicon anterior, vuelve a Tienda online > General.
- Baja al bloque Caché del sitio web.
- Haz clic en Revalidar caché.
- Si el proceso arranca correctamente, Flobu mostrará: «Revalidación de caché iniciada correctamente.»
- Espera unos segundos y vuelve a cargar la tienda pública.
- Ten en cuenta este límite real del producto: esta pantalla define la metadata general del sitio, pero no reemplaza la configuración de títulos y descripciones específicas de productos o páginas internas.
Resultado esperado:
- Los cambios quedaron guardados y sabes dónde validarlos en la tienda pública.
- Entendiste cuándo basta con Guardar cambios y cuándo conviene usar Revalidar caché.
Checklist final rápido
- Entré a Tienda online y confirmé que estaba en la pestaña General.
- Edité Nombre de la tienda.
- Edité Descripción.
- Entré al selector de imágenes desde FavIcon.
- Seleccioné o subí una imagen y la confirmé con Seleccionar.
- Usé Guardar cambios.
- Revisé el resultado en la tienda pública.
- Usé Revalidar caché si el cambio seguía sin reflejarse.
- Entendí que esta pantalla configura la identidad general del sitio, no el SEO particular de cada página o producto.
Errores comunes
- Pensar que cambiar la vista previa del FavIcon ya lo publica. En Flobu todavía debes volver y usar Guardar cambios.
- Confundir FavIcon con Logo u OpenGraph. Están en la misma pantalla, pero no cumplen la misma función.
- Esperar que el cambio se vea instantáneamente en todos los navegadores sin recargar ni revalidar caché. El storefront puede seguir mostrando metadata anterior por caché.
- Usar un nombre o descripción demasiado largos o poco claros. Aunque Flobu permite hasta 180 caracteres, conviene mantener ambos campos simples y reconocibles.
- Creer que este ajuste cambia automáticamente el título o la descripción de cada producto o página interna. Esta configuración aplica únicamente a la metadata general del sitio.