Navegación de tienda
La navegación de tu tienda se refiere a la estructura y elementos que permiten a los usuarios moverse por tu sitio web: menús, enlaces y categorías. Su propósito es facilitar el acceso a diferentes secciones como productos, colecciones, categorías, páginas de información y más.
Importancia de la navegación
Una navegación bien estructurada:
- Permite a los visitantes encontrar fácilmente lo que buscan
- Reduce la tasa de rebote
- Aumenta el tiempo que pasan en tu tienda
- Organiza el contenido de manera lógica
- Mejora las tasas de conversión y satisfacción del cliente
Vendabo te permite organizar el menú de navegación de la cabecera y el pie de página desde Tienda > Navegación.
Cabecera de tienda
La cabecera es la sección situada en la parte superior de cada página. Incluye elementos clave como:
- Logotipo
- Menú de navegación con categorías y colecciones principales
- Barra de búsqueda
- Ícono del carrito de compras
- Enlaces a redes sociales (según el tema)
- Información de contacto o mensajes promocionales (según el tema)
La cabecera establece la primera impresión de tu tienda y guía a los usuarios en su experiencia de compra. Una cabecera bien diseñada mejora la usabilidad, facilita el acceso a productos e información importante, y puede resultar en un aumento de conversiones.
Pie de página de tienda
El pie de página es la sección ubicada en la parte inferior de cada página. Contiene información importante que complementa la navegación principal:
- Enlaces a políticas (devoluciones, envío, privacidad)
- Información de contacto
- Enlaces a redes sociales
- Breve resumen sobre la empresa
- Formulario de suscripción al boletín informativo
El pie de página proporciona acceso a información relevante que puede no estar en el menú principal, mejorando la experiencia del cliente. Al incluir enlaces a políticas y datos de contacto, genera confianza y transparencia.
Título de menú
El título que le asignas al menú (cabecera o pie de página) es únicamente de referencia para identificarlo en el panel de gestión. Los visitantes de tu tienda no lo ven.
Para modificar el título:
- Ingresa al módulo Tienda > Navegación
- Selecciona el menú (Cabecera o Pie de página)
- En el campo "Título", realiza el cambio
- Oprime "Guardar"
Título de ítem de menú
El título de cada ítem del menú es el que visualizarán los visitantes de tu tienda. Estos títulos deben ser intuitivos para que los visitantes entiendan fácilmente a dónde los dirigirá cada uno.
Para agregar título a un nuevo ítem:
- Ingresa al módulo Tienda > Navegación
- Selecciona el menú (Cabecera o Pie de página)
- Oprime "Agregar nuevo"
- En el campo "Título", coloca el título que verán los visitantes
Tipos de diseño de megamenu
Vendabo ofrece distintos tipos de diseño de megamenu para el menú de cabecera:
- Solo texto: Al colocar el ratón sobre el título principal, todos los títulos hijos se muestran en formato de texto
- Texto + imagen (cuadrícula): Cada título hijo se muestra con una imagen + título. Debes asignar la imagen a cada hijo
- Texto + imagen lateral: Los títulos hijos se muestran en texto y en la parte lateral del menú se muestra una imagen que asignas al título principal
Nota: El diseño aplica si al título principal le agregas hijos.
Tipos de enlace para menús
Al configurar un ítem del menú, debes enlazarlo con un tipo de enlace específico. Los tipos disponibles son:
- Página: Enlaza con una página creada previamente. Muestra un buscador para seleccionarla
- Colección: Enlaza con una colección creada previamente. Muestra un buscador para seleccionarla
- Categoría: Enlaza con una categoría creada previamente. Muestra un buscador para seleccionarla
- Producto: Enlaza con un producto específico. Muestra un buscador para seleccionarlo
- Búsqueda: Enlaza con la página que contiene todo el catálogo de productos
- Página de inicio: Enlaza con la página configurada como inicio
- Enlace personalizado: Permite introducir cualquier URL (interna o externa)
- Página de política: Enlaza con una página de política creada previamente
- Blog: Enlaza con el catálogo de artículos de blog
- Artículo de blog: Enlaza con un artículo de blog específico. Muestra un buscador para seleccionarlo
Consejos para navegación óptima
- Menú principal claro: Incluye categorías importantes como "Productos", "Colecciones", "Sobre Nosotros" y "Contacto". Nombres intuitivos y fáciles de entender
- Categorías y subcategorías: Organiza productos en categorías lógicas. Ejemplo: "Hombres" > "Camisas", "Pantalones"
- Uso de filtros: Implementa filtros en páginas de colección (tamaño, color, precio)
- Barra de búsqueda: Incluye una barra visible en la parte superior
- Enlaces a páginas importantes: "Política de Devoluciones", "Envío", "Términos y Condiciones", "Preguntas Frecuentes"
- Navegación móvil: Optimiza para dispositivos móviles. Menús fáciles de usar en pantallas pequeñas
- Pruebas de usabilidad: Realiza pruebas con usuarios reales para identificar problemas
- Actualización regular: Revisa y actualiza periódicamente para reflejar cambios en inventario y promociones
- Consistencia visual: Asegúrate de que la navegación sea coherente con el diseño general
- Llamadas a la acción: Incluye botones claros como "Compra Ahora" o "Explora Más"