Menú de navegación
En este artículo
El menú de navegación es cómo tus clientes se mueven por tu tienda. Vendabo trae dos menús por defecto: Cabecera (la barra de arriba) y Pie de página (los enlaces del pie). En este artículo aprendes a configurar ambos, crear submenús desplegables con imágenes (megamenú) y reorganizar elementos.
Pasos
1. Entra a navegación
En el menú lateral abre "Tienda > Navegación". Verás una tabla con los dos menús: "Cabecera" y "Pie de página". Haz clic en el que quieres editar — empecemos por "Cabecera".
2. Agrega tu primer elemento al menú
En la página de edición del menú verás el campo "Título" (nombre interno, déjalo como está) y debajo la sección "Items" con el botón "Agregar nuevo". Haz clic ahí.
Se abre una ventana con tres campos clave:
- Título — el texto que verá el cliente en el menú. Ej: "Mujer".
- Tipo de enlace — define a dónde lleva el elemento cuando se hace clic.
- Imagen + Diseño de megamenú — para el desplegable visual.
3. Elige a dónde enlaza el elemento (Tipo de enlace)
El desplegable "Tipo de enlace" tiene 10 opciones. Las más usadas:
| Tipo | Cuándo usarlo |
|---|---|
| Categoría | Lleva al catálogo de productos de una categoría (Mujer, Hombre, Vestidos). Lo más común para los elementos principales. |
| Colección | Lleva a una colección manual o automática (Novedades, Liquidación). |
| Página | Una página que creaste (Sobre nosotros, Contacto). |
| Producto | Un producto específico. Útil para destacar un lanzamiento. |
| Página de política | Términos, privacidad, devoluciones. Típico del pie de página. |
| Enlace personalizado | Cualquier URL externa o interna. Útil para campañas o enlaces a redes. |
| Página de inicio | Vuelve al inicio de la tienda. |
| Búsqueda | Página del buscador. |
| Blog | Listado de tu blog. |
| Artículo del blog | Una publicación específica. |
Cuando seleccionas "Categoría", "Colección", "Producto", etc., aparece un buscador para elegir la entidad exacta.
4. Imagen y diseño del megamenú
El megamenú es el desplegable grande que aparece cuando el cliente pasa el cursor sobre un elemento con submenús. Tiene tres variantes:
| Diseño | Cómo se ve |
|---|---|
| Sólo texto | Desplegable simple con la lista de submenús, sin imágenes. |
| Texto + imagen (cuadrícula) | Los submenús aparecen como una grilla con la imagen de cada submenú al lado del nombre. |
| Texto + imagen lateral | Los submenús a la izquierda + la imagen del elemento padre a la derecha. |
El campo "Imagen" es la que se usa para el modo "lateral" (imagen del elemento padre) o para cada submenú si vas a usar el modo "cuadrícula" (la imagen se sube en cada elemento hijo).
Si tu elemento NO tiene submenús, el diseño de megamenú no se aplica — el elemento es un enlace directo.
Termina con "Guardar". El elemento aparece en la lista.
5. Crea submenús (elementos hijos)
Cada elemento de la lista tiene 4 íconos de acción a la derecha:
- Cuatro flechitas → arrastrar para reordenar.
- Más (+) → agregar un elemento hijo (submenú).
- Lápiz → editar el elemento.
- Papelera → eliminar el elemento.
Para agregar submenús a "Mujer":
- Haz clic en el ícono "+" del elemento "Mujer".
- Se abre el mismo formulario que antes. Llena Título ("Vestidos"), Tipo de enlace ("Categoría"), busca y selecciona la categoría.
- Guarda.
- Repite para "Blusas", "Pantalones", "Zapatos".
En la tienda, cuando el cliente pase el cursor sobre "Mujer", se despliega el megamenú con estos 4 submenús.
6. Reordena elementos
Arrastra el ícono de cuatro flechitas de cualquier elemento para cambiar su posición. Funciona tanto para elementos principales como para elementos hijos dentro de cada submenú. El orden que tengas acá es exactamente el que verá tu cliente.
7. Menú del Pie de página
Vuelve atrás y entra al menú "Pie de página". Funciona idéntico al de Cabecera pero el contenido suele ser distinto:
- Páginas de política — Términos y condiciones, Política de privacidad, Política de devoluciones.
- Páginas informativas — Sobre nosotros, Contacto, Preguntas frecuentes.
- Enlaces secundarios — Blog, Trabaja con nosotros, Mayoristas.
El pie de página es donde los clientes buscan información de respaldo (¿son legítimos?, ¿cómo los contacto?, ¿qué pasa si quiero devolver?). No descuides estos enlaces.
Diferencia entre Categorías, Colecciones y Páginas en el menú
Confusión frecuente al armar el menú:
- Categoría — estructura permanente de tu catálogo (Mujer > Vestidos > Vestidos largos). Va en elementos principales de cabecera.
- Colección — agrupación transversal y temporal (Novedades, Liquidación, Día de las madres). Va en elementos o subelementos destacados.
- Página — contenido editorial (Sobre nosotros, Contacto). Va típicamente en el pie de página.
Un mismo producto puede aparecer en varias categorías y colecciones al mismo tiempo, pero su "casa" en el catálogo es la categoría.
Tip
Mantén la cabecera simple: máximo 5 a 7 elementos principales. Si tienes muchas categorías, agrúpalas con submenús. Un menú abrumador hace que el cliente no sepa por dónde empezar y se va. Y aprovecha el megamenú con imagen — visualmente da una experiencia más profesional y guía la vista a las categorías que más quieres vender.
Siguiente paso
Con tu identidad visual y navegación listas, cierras la fase de identidad y diseño. Ahora toca configurar todo lo necesario para recibir y procesar pedidos — empieza con Sucursal de despacho.