Guía paso a paso
Ajusta el logo y menú de la barra superior, organiza sus enlaces y resalta la página actual antes de guardar.
Personalizarás el encabezado: la parte superior de la tienda donde aparecen el logo y el menú. Crearás enlaces y grupos fáciles de recorrer, y podrás resaltar el enlace de la página que está viendo el cliente.
8 min de trabajo activo
Sigue el orden para completar esta tarea.
Continúa con una guía complementaria.
Publica mensajes globales sobre el menú y controla su orden, rotación y colores.
Tienda online y diseñoGenera una navegación nueva o mejora tu borrador, revisa la propuesta y aplícala antes de guardarla.
Tienda online y diseñoEn el menú lateral, pulsa Tienda online > Configurar sitio; después elige Personalización > Encabezado. En móvil, abre Abrir menú, entra en Configurar sitio y selecciona Personalización en el selector superior; desliza la fila de pestañas hasta Encabezado.
Pulsa Diseño para desplegar sus opciones y elige Clásico si quieres el logo centrado con el menú debajo, o Compacto para colocarlos en una fila. Los grupos Logo, Menú, Anuncios y Colores se abren del mismo modo.
Dentro de Diseño > Más opciones, ajusta ancho, espaciado y Al desplazarse. Ocultar al bajar, mostrar al subir recupera el encabezado al volver hacia arriba; Siempre visible lo mantiene a la vista y No fijar deja que desaparezca al bajar por la página. Allí también puedes activar Mostrar búsqueda y Mostrar separador, la línea que divide el encabezado del contenido; el carrito permanece disponible.
Abre Logo, pulsa Seleccionar logo o Cambiar logo y elige la imagen en la biblioteca. Ajusta Ancho en escritorio y Ancho en móvil; cambiar la imagen también cambia el logo usado en General y Pie de página.
En Menú, pulsa Agregar, escribe Texto del menú y deja seleccionada Ir a una página. En Destino, pulsa Seleccionar enlace, elige qué página se abrirá y confirma con Agregar enlace; por ejemplo, «Contacto» puede abrir tu página de contacto.
Para reunir enlaces bajo un título, pulsa Agregar, escribe por ejemplo «Ropa», elige Mostrar un submenú y confirma Crear submenú. Abre la fila creada y pulsa Subenlace —el signo más si no cabe el texto— para añadir «Poleras» y «Pantalones» con sus destinos; dentro de un submenú solo se agregan enlaces.
Pulsa el nombre de una fila para editar su texto o destino. Arrastra el asa de puntos para reordenarla, o usa las flechas Subir y Bajar; la papelera elimina la opción y, si contiene enlaces, Flobu pide confirmar la eliminación del grupo completo.
Al final de Menú, activa Resaltar la página actual si quieres distinguir con otro color el enlace de la página que está viendo el cliente. Por ejemplo, al abrir «Contacto» se resalta ese enlace si lleva a esa misma página; la opción viene desactivada y no modifica nombres, destinos ni orden.
En Colores, ajusta Acento principal del encabezado para elegir el color del enlace resaltado y comprueba que se distinga de Texto del encabezado. Para la franja de mensajes sobre el logo y menú, utiliza Anuncios, que tiene su propia configuración.
Revisa la tarjeta Vista previa del encabezado, a la derecha en escritorio o debajo de los ajustes en móvil. Alterna Escritorio y Móvil; en el teléfono usa Ver vista previa si hace falta para llegar a la tarjeta.
Pulsa Guardar cambios, espera la confirmación y abre Ver tienda. Prueba los destinos y el menú móvil; para comprobar el resaltado, entra a una página que tenga su propio enlace en el menú.
En la tienda pública, comprueba logo, orden y destinos en escritorio y móvil. Si activaste Resaltar la página actual, abre por ejemplo Contacto y verifica que cambia el color de ese enlace; una página sin enlace propio no tiene por qué resaltar otra opción del menú.
El encabezado se comparte entre todas las páginas. El menú admite hasta 50 elementos en total y nombres o destinos de hasta 180 caracteres; usa etiquetas breves para facilitar la lectura. Crear una página no la agrega al menú automáticamente.
Resaltar la página actual cambia el color del enlace coincidente, no añade un fondo permanente. Puedes deshacer el ajuste desde la vista previa; tanto activarlo como desactivarlo requiere Guardar cambios para aplicarlo a la tienda.