Si tienes una tienda en Shopify, ya sabes cuánto dinero decide el menú sin que nadie se dé cuenta. Un visitante llega a tu página de inicio, mira la navegación y, en pocos segundos, empieza a explorar — o se va. Y sin embargo, la mayoría de tiendas Shopify funcionan con el mismo menú por defecto que viene con el theme: una lista plana de enlaces pensada para escritorio, adaptada a duras penas al móvil e idéntica a la de miles de otras tiendas.
Navi+ AI Menu Builder es un kit de navegación completo creado específicamente para el storefront de Shopify. En lugar de un solo patrón de menú, obtienes un sistema: una tab bar inferior para móvil, mega menu para escritorio, slide menu cuando necesitas profundidad, FAB para promociones y grid menu para categorías con catálogos extensos. Todo desde un único dashboard. Sin código, sin editar el theme y sin desarrollador.
Esta guía recorre todo lo que Navi+ hace en Shopify — qué reemplaza, cómo se instala y por qué más de cinco mil tiendas Shopify ya lo usan.
Por qué el menú por defecto de Shopify te cuesta ventas
El menú nativo de Shopify se diseñó en una época en la que la mayor parte del tráfico de ecommerce venía desde escritorio. Hoy, alrededor del 70% del tráfico de Shopify es móvil — y, sin embargo, el patrón del menú por defecto no ha cambiado en lo esencial:
- Sin navegación inferior. Cada app móvil que usas — Amazon, ASOS, eBay, Instagram — fija las acciones principales en una barra inferior. El menú por defecto de Shopify mantiene la navegación arriba, donde el pulgar no llega cómodamente en un teléfono de 6,7 pulgadas.
- Solo hamburger en móvil. El visitante toca, se abre el menú, recorre una lista larga y vuelve a tocar. Tres o cuatro toques antes de poder explorar nada. Cada toque es una oportunidad para que se vaya.
- Estilos atados al theme. ¿Quieres áreas táctiles más grandes, iconos personalizados o columnas? Tocas Liquid. ¿Quieres hacer un A/B test de un patrón nuevo? Todavía más difícil.
- Sin espacio para promociones. Empieza una flash sale y el menú no la puede mostrar. Una categoría necesita más peso visual y el menú no admite una imagen. Los momentos de venta se escapan directamente por la navegación.
No son quejas estéticas. Son brechas de conversión que cuestan ingresos reales en cada sesión.
El sistema de menús Navi+ en Shopify
Navi+ sustituye el menú por defecto por un sistema de navegación completo. Cada componente funciona por su cuenta — y todos se combinan entre sí.
Tab Bar — navegación inferior en móvil
Una barra fija en la parte inferior de la pantalla con hasta cinco destinos: Inicio, Categorías, Búsqueda, Carrito, Cuenta — o lo que quieras. Iconos personalizados, resaltado del estado activo, badge con el contador del carrito y una biblioteca de iconos integrada con más de 4.000 Google Material Symbols. Este único componente es la mayor mejora individual para la mayoría de tiendas Shopify que vienen de un theme por defecto.
Mega Menu — desplegables de escritorio
Desplegables multi-columna con imágenes para catálogos grandes. Añade encabezados, sub-enlaces, banners promocionales, bloques de producto destacado y CTAs. Reemplaza un enlace plano "Shop" por una vista general de categorías que muestra qué hay dentro — los visitantes ven más, profundizan más en los clics y llegan antes a las páginas de producto.
Slide / Hamburger Menu
Cuando el móvil necesita profundidad — categorías multinivel, selector de idioma, enlaces de cuenta — un panel deslizante limpio lo resuelve sin anidar menús dentro de menús. Se abre desde la izquierda o la derecha, a pantalla completa o parcial, con transiciones suaves.
FAB — Floating Action Button
Un único botón flotante anclado en una esquina. Útil para promociones ("Flash Sale →"), acciones de máxima prioridad ("Pedir por WhatsApp") o como acceso rápido para abrir el menú. Color, icono, etiqueta y acción de destino personalizables.
Grid Menu
Un menú basado en tiles para tiendas con catálogos extensos. Imagina una sola pantalla con 9 o 12 tiles grandes de categoría en lugar de un scroll interminable. Es un patrón habitual en comida, moda y electrónica — en cualquier sitio donde el catálogo sea visual.
Drawer y reemplazos de componentes por defecto
En el plan Business y superiores, Navi+ puede reemplazar el drawer de búsqueda, el drawer del carrito y el menú por defecto de tu theme por una versión personalizada — el mismo botón disparador, con una UI totalmente distinta. También puedes reemplazar los iconos de carrito/menú/búsqueda y el badge con el contador del carrito directamente.
Móvil y escritorio, independientes
Una de las partes más infravaloradas de Navi+: cada menú tiene configuración separada para móvil y escritorio. Muestra una Tab Bar en móvil y un Mega Menu en escritorio — de forma totalmente independiente — sin escribir media queries.
Construido para el storefront de Shopify, no atornillado por encima
Navi+ no es un widget genérico que se incrusta en Shopify por casualidad. Está pensado en torno a cómo funcionan realmente los themes de Shopify:
- Independiente del theme. Funciona en Dawn, Refresh, Sense, Studio, Origin, Crave, Symmetry, Impulse, Prestige, Empire, Motion, Stiletto y en themes personalizados. El menú vive fuera del markup Liquid del theme — así que las actualizaciones de theme, los cambios de theme y los rediseños de temporada dejan tu menú intacto.
- Sin editar el theme. Se instala desde la Shopify App Store, activas el App Embed block en Online Store 2.0 y Navi+ se inyecta solo. Desinstalar es un único toggle.
- HTML5 + CSS3 puros, cero dependencias JS. Sin conflictos con los scripts de tu theme, sin comportamientos rotos tras una actualización de theme, sin incompatibilidades con otras apps.
- Mobile-first por defecto. Cada plantilla viene con espaciado, tamaños de fuente y áreas táctiles optimizados para móvil — y escala hacia escritorio, no al revés.
- Editor fuera del admin de Shopify. El dashboard completo se ejecuta en una app dedicada en
dash.naviplus.app— rápida, libre del peso del admin de Shopify y accesible desde cualquier dispositivo.
Rendimiento y fiabilidad
Un menú que vive en cada página de cada tienda tiene que ser rápido. Navi+ está construido para eso:
- CDN global. Servidores edge en seis continentes. En Elite, CDN dual con failover Cloudflare + BunnyCDN.
- SLA del 99,99% en Elite, 99,00% en Business y Starter.
- Compatible con Core Web Vitals. Sin scripts que bloqueen el render, sin layout shift, sin trabajo de JS en el hilo principal.
- Ligero. El runtime ocupa unos pocos KB gzipped por menú, con lazy-load después del primer paint.
Instalar en Shopify — paso a paso
- Abre la Shopify App Store, busca "Navi+ AI Menu Builder" y haz clic en Add app.
- Aprueba la instalación en tu admin de Shopify. Sin cargos todavía — Starter es gratis para siempre.
- Desde la página de la app, haz clic en Open dashboard para abrir
dash.naviplus.app. - Elige una plantilla, escoge un tipo de menú (Tab Bar, Mega Menu, Slide, FAB, Grid), personaliza iconos y enlaces y haz clic en Publish.
- Tu storefront se actualiza al instante — sin recargar el theme, sin deploy, sin limpiar caché.
La mayoría de las tiendas pasa de instalar a tener el menú en vivo en menos de cinco minutos.
Precios en Shopify
Los mismos planes que en el resto — mismas funciones, mismos precios.
| Plan | Precio | Ideal para |
|---|---|---|
| Starter | Gratis para siempre | Un menú, tiendas pequeñas, validar Navi+ |
| Business | $6.25 / mes | Tiendas en crecimiento, múltiples menús, multilingüe, subida de imágenes, analíticas |
| Elite | $10 / mes | Catálogos grandes, menús ilimitados, soporte SEO completo, CDN premium, ayuda hands-on |
Los dos planes de pago incluyen una prueba gratis de 7 días — sin tarjeta de crédito y con acceso completo a todas las funciones.
Qué obtienen los merchants de Shopify
- Valorada con 4.9 en la Shopify App Store
- Más de 5.000 tiendas usan Navi+ hoy
- Una instalación típica reemplaza 2–3 apps separadas: una app de barra inferior, una app de mega menu y, a veces, una app de botón flotante o burbuja de chat
Esa historia de reemplazo es parte de por qué Navi+ suele ser más barato que las apps que consolida — y por qué la migración de "pilas de apps pequeñas" a "un único kit de menús" es uno de los caminos de upgrade más habituales que vemos.
Preguntas frecuentes
¿Va a ralentizar mi tienda?
No. Navi+ está construido mobile-first, sin librerías JavaScript externas, con lazy-load después del primer paint y servido desde una CDN global. No añade scripts que bloqueen el render y está diseñado para no tocar los Core Web Vitals.
¿Necesito saber programar?
No. Todo el dashboard es de arrastrar y soltar con plantillas como punto de partida. Hay CSS, HTML y JavaScript personalizados disponibles si quieres ir más lejos, pero la mayoría de las tiendas no los tocan nunca.
¿Va a funcionar con mi theme?
Sí. Navi+ vive fuera del theme. Funciona en todos los themes oficiales de Shopify y en themes personalizados. Las actualizaciones y los cambios de theme no lo afectan.
¿Soporta varios idiomas?
Sí — en Business y Elite. Funciona junto con Shopify Markets, Translate & Adapt o cualquier app de traducción. Cada elemento del menú puede tener etiquetas y enlaces por locale.
¿Va a entrar en conflicto con otras apps?
No. HTML / CSS puros, sin JS global, sin jQuery, sin librerías de terceros. Probamos contra las apps más instaladas de Shopify antes de cada release.
¿Cómo es el soporte?
Soporte por email en Starter, soporte 24/7 en Business y ayuda hands-on (migrar menús, configurar layouts, editar UI directamente) en Elite.
Empieza en Shopify
Instalación gratuita — sin tarjeta de crédito. En funcionamiento en minutos. Misma estructura de planes que en el resto de plataformas.
Instalar en Shopify — gratis