Explorar menús comunes
👀 ¿Quieres verlos en acción? View live demo → showcase.naviplus.io
La mayoría de las tiendas utilizan solo un tipo de menú, pero cada tipo tiene un propósito diferente. Combinar múltiples tipos de menús brinda a tus clientes una experiencia mucho mejor: un Tab Bar para acceso instantáneo, un Slide Menu para un catálogo profundo, un Mega Menu para descubrimiento en escritorio, un FAB para soporte, cada uno haciendo exactamente un trabajo, perfectamente.
1. Tab Bar (también llamado: Bottom Navigation, Nav Bar, Bottom Nav)
Una barra de navegación fija, colocable en la parte inferior, superior, izquierda o derecha. Contiene de 4 a 5 secciones con ícono + etiqueta. Hace que tu tienda se sienta como una aplicación nativa. Funciona tanto en móvil como en escritorio. Mejor como navegación principal en todo el sitio, siempre visible, siempre al alcance del pulgar. Usado por: Shein, ASOS, Zara, Etsy, H&M, Nike, Uniqlo.
Plataforma: Escritorio y Móvil (Extremadamente popular)
Tab Bar — fixed nav bar with icon + label, feels like a native app
2. Slide Menu (también llamado: Drawer Menu, Hamburger Menu)
Se desliza desde la izquierda o la derecha: elementos ilimitados, sin límite de tamaño, se adapta a toda la estructura de tu sitio. El patrón de navegación más popular y amigable para móviles. Puede ser activado por un ícono de hamburguesa, un elemento de Tab Bar o cualquier botón colocado al alcance del pulgar. Úsalo para tu catálogo completo, enlaces de cuenta, políticas y cualquier cosa que no necesite estar siempre visible.
Plataforma: Móvil (Extremadamente popular) · Escritorio (menos común)
Slide Menu — slides in from the side, unlimited depth and items
3. Desktop Mega Menu (también llamado: Dropdown Menu, Multi-column Menu)
Un menú desplegable de múltiples columnas que se expande debajo del encabezado: diseñado para cubrir toda tu navegación de escritorio en un solo lugar. Aprovecha al máximo la pantalla grande con imágenes, banners y diseños ricos en múltiples columnas. Reemplaza completamente el menú de encabezado predeterminado. El estándar para cualquier tienda con un catálogo sustancial en escritorio.
Plataforma: Solo Escritorio (Extremadamente popular)
Desktop Mega Menu — multi-column dropdown with images and rich layouts
4. Mobile Mega Menu (también llamado: Header Menu, Scrollable Top Menu)
Una barra de menú compacta que se sitúa justo debajo del encabezado: siempre visible, sin necesidad de tocar. Se desplaza horizontalmente o se divide en pestañas para mostrar tus principales categorías al instante. Uno de los patrones de navegación más reconocibles en sitios web móviles. Mejor para tiendas con 4 a 8 categorías prioritarias que los clientes deberían alcanzar con un solo toque.
Plataforma: Solo Móvil (Popular)
Mobile Mega Menu — always-visible horizontal bar just below the header
5. FAB & Support (también llamado: Floating Button, Speed Dial)
Un botón flotante fijado en cualquier esquina: siempre visible independientemente del desplazamiento. Se expande en múltiples acciones: WhatsApp, Messenger, widgets de chat (Shopify Inbox, Tidio, Crisp), línea directa o cualquier enlace personalizado. El primer lugar donde los clientes miran cuando necesitan ayuda o documentos de soporte. Puede ocultarse automáticamente cuando no se necesita para ahorrar espacio en la pantalla.
Plataforma: Escritorio (popular) · Móvil (Extremadamente popular)
FAB & Support — floating button that expands into chat, hotline, and quick actions
6. Grid Menu (también llamado: Icon Menu, Category Grid)
Una cuadrícula de mosaicos: cada uno con un ícono o imagen y una etiqueta. Se incrusta directamente en cualquier sección de la página, no es una navegación en todo el sitio. Le da a tu tienda un aspecto y sensación de aplicación, ideal para mostrar de 6 a 12 categorías de un vistazo. Funciona especialmente bien en páginas de inicio, páginas de destino y dentro de Slide Menus.
Plataforma: Móvil (Popular)
Grid Menu — icon + label tiles embedded into a page section
Cómo combinarlos
No tienes que elegir solo uno. Las tiendas de mejor rendimiento superponen múltiples tipos de menús, cada uno haciendo un trabajo específico:
| Objetivo | Recomendado |
|---|---|
| Navegación principal en todo el sitio en móvil | Tab Bar + Slide Menu |
| Navegación completa en escritorio | Desktop Mega Menu |
| Mostrar las principales categorías en móvil | Mobile Mega Menu |
| Soporte y contacto siempre visible | FAB & Support |
| Navegación visual de categorías en la página de inicio | Grid Menu |
Preguntas Frecuentes
Quiero que mi menú funcione bien en móvil. ¿Qué tipo debería elegir?
Comienza con un Tab Bar o Slide Menu: ambos están diseñados para móviles. Tab Bar ofrece acceso instantáneo a 4-5 secciones principales; Slide Menu contiene toda la estructura de tu sitio sin límite de elementos.
Mi tienda tiene muchas categorías. ¿Cómo puedo mostrarlas todas sin abrumar a los clientes?
Utiliza un Desktop Mega Menu en escritorio (multi-columna, soporta imágenes y banners) combinado con un Slide Menu en móvil (elementos ilimitados, desplazable). Cada uno maneja su plataforma perfectamente.
¿Puedo usar múltiples tipos de menús al mismo tiempo?
Sí, y deberías. Una combinación popular: Tab Bar (navegación principal) + Slide Menu (estructura completa del sitio) + FAB (WhatsApp / soporte). Cada tipo cumple un propósito diferente sin superposición.
Quiero que los clientes lleguen fácilmente al soporte o se pongan en contacto conmigo. ¿Qué debería agregar?
Agrega un botón FAB & Support. Se mantiene fijo en una esquina de la pantalla, siempre visible, y te permite agrupar WhatsApp, Messenger, línea directa y widgets de chat en un solo botón.
¿Dónde debería colocar un Grid Menu?
Grid Menu no es una navegación en todo el sitio: se incrusta en una sección de la página (página de inicio, página de categoría). Úsalo para mostrar visualmente de 6 a 12 categorías destacadas como mosaicos estilo aplicación.
¿Qué pasa si elijo el tipo de menú incorrecto?
No hay problema: puedes agregar, editar o eliminar menús en cualquier momento. Si deseas guardar tu trabajo, simplemente expórtalo como un archivo JSON para reutilizarlo más tarde. Piensa en ello como guardar un documento de Word.
Estoy en el plan Starter con solo 1 espacio de menú. ¿Cómo puedo probar más?
Actualiza a Business o Elite: obtienes una prueba gratuita de 7 días para explorar todo antes de comprometerte.
¿Puedo importar mi menú existente a Navi+?
Sí. Navi+ admite importación asistida por IA, pero necesitarás ajustar el resultado. Aquí está el porqué: la mayoría de los sitios web hoy en día tienen un solo Mega Menu que se colapsa automáticamente en un Hamburger Menu en móvil. Navi+ te ofrece tipos de menú especializados en su lugar. Necesitarás redistribuir tu contenido a través de los tipos correctos para obtener la mejor experiencia para tus clientes.