Configurar nombre, descripcion y favicon del sitio

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

1. Entra al dashboard de tu tienda.
2. En el menú lateral, abre Tienda online.
3. Verifica que la pestaña activa sea General.
4. Si entraste desde otra sección, usa la barra superior de pestañas y vuelve a General.
5. Ubica el primer bloque llamado Nombre y descripción de la tienda.
6. Revisa los dos campos visibles: Nombre de la tienda y Descripción.
7. 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.
8. 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.
9. 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

1. En Nombre y descripción de la tienda, escribe el nuevo texto en Nombre de la tienda.
2. Usa un nombre corto y reconocible. Flobu limita este campo a 180 caracteres.
3. Completa o corrige el campo Descripción.
4. Usa una descripción clara de tu tienda. Este campo también tiene un límite de 180 caracteres.
5. Baja al bloque Logos e imágenes.
6. En este tutorial trabaja solo sobre FavIcon.
7. Haz clic sobre la tarjeta de FavIcon, donde Flobu muestra la imagen actual o un cuadro vacío con ícono de imagen.
8. Se abrirá el gestor de imágenes de Flobu.
9. Si ya tienes una imagen cargada, puedes seleccionarla desde la vista Imágenes.
10. Si todavía no la tienes, usa Subir imagen o Subir mi primera imagen.
11. En el modal de subida, Flobu acepta imágenes y te permite elegirlas por clic o arrastrarlas.
12. Cuando la imagen esté disponible en el gestor, selecciónala y confirma con Seleccionar.
13. Volverás a la pestaña General y verás la vista previa del nuevo FavIcon.
14. 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

1. Vuelve a la parte superior de la pestaña General.
2. Haz clic en Guardar cambios.
3. Si todo sale bien, Flobu mostrará el mensaje: «Tienda online actualizada correctamente.»
4. Si no tienes permisos de escritura sobre la tienda online, Flobu devolverá un error y no aplicará los cambios.
5. 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.
6. Abre tu tienda pública en otra pestaña del navegador.
7. 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.
8. Si sigues viendo el nombre, la descripción o el favicon anterior, vuelve a Tienda online > General.
9. Baja al bloque Caché del sitio web.
10. Haz clic en Revalidar caché.
11. Si el proceso arranca correctamente, Flobu mostrará: «Revalidación de caché iniciada correctamente.»
12. Espera unos segundos y vuelve a cargar la tienda pública.
13. 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.