Navi+ AI Menu Builder en WordPress — La guía completa

WordPress mueve una parte enorme de la web — y la mayoría de esos sitios siguen funcionando con un patrón de menú por defecto que no ha cambiado de forma significativa en una década. Una barra horizontal de enlaces de texto en escritorio, un icono hamburger en móvil y poco más.

Para un blog personal está bien. Para una tienda de ecommerce, un sitio de marketing, una plataforma de cursos o cualquier sitio donde la navegación impulsa los ingresos, es un techo. No puedes añadir una tab bar inferior sin escribir código a medida. No puedes construir un mega menu de verdad sin un plugin de pago. No puedes reemplazar el menú móvil por un panel deslizante sin editar el theme. Y cuando consigues hacerlo, los próximos cambios de theme lo rompen.

Navi+ AI Menu Builder es un kit de navegación completo para WordPress, ahora disponible como plugin oficial en el WordPress Plugin Directory. Lo instalas una vez y obtienes cinco patrones de menú distintos — Tab Bar, Mega Menu, Slide, FAB, Grid — todos configurados desde un único dashboard y todos independientes del theme.

Por qué el menú por defecto de WordPress se queda corto

El sistema de menús del core de WordPress se diseñó para sitios centrados en contenido a principios de la década de 2010. Con los años se ha convertido en una debilidad conocida para los casos de uso modernos:

• Acoplado al theme. La apariencia del menú la dicta el theme. Cambias de theme y cambia la UI del menú. ¿Quieres un layout personalizado? Tocas plantillas PHP o peleas con los ajustes del theme.
• Limitado en móvil. La mayoría de themes usan por defecto un icono hamburger en móvil. Sin tab bar inferior, sin FAB, sin un verdadero patrón mobile-first.
• Sin un mega menu real. Los menús nativos de WordPress son listas planas. Layouts multi-columna con imágenes, precios o CTAs requieren un plugin aparte y, normalmente, un tier de pago aparte.
• Difícil de hacer A/B test. Cambiar la estructura del menú implica cambiar el theme — lento, arriesgado y, a menudo, bloqueado por el dueño del sitio.
• Pensado para contenido, no para conversión. El menú por defecto no tiene forma de mostrar promociones, no permite anclar un botón permanente de "Carrito" o "Contacto" en móvil y no tiene un sistema de layout real para tiendas o sitios de marketing donde la navegación impulsa los ingresos.

Lo que Navi+ AI Menu Builder aporta a WordPress

En lugar de apilar tres o cuatro plugins de navegación, Navi+ los reemplaza con un único kit.

Tab Bar — navegación inferior para móvil

Una barra fija en la parte inferior de cada página en móvil. Hasta cinco destinos con iconos personalizados, resaltado del estado activo y una biblioteca de iconos integrada con más de 4.000 Material Symbols. La mejora de UX móvil más grande para la mayoría de sitios WordPress.

Mega Menu — desplegables de escritorio bien hechos

Desplegables multi-columna con imágenes, encabezados, sub-enlaces, banners, bloques de producto destacado y CTAs. Reemplaza enlaces planos como "Tienda" o "Servicios" por vistas generales ricas que muestran qué hay dentro.

Slide / Hamburger Menu

Un panel deslizante multinivel para móvil. Más limpio que hamburgers anidados, con soporte para submenús, selector de idioma, enlaces de cuenta y búsqueda.

FAB — Floating Action Button

Un único botón anclado en una esquina para promociones, WhatsApp o acceso rápido al menú. Color, icono, etiqueta y acción configurables.

Grid Menu

Menú basado en tiles para sitios con catálogos extensos. Una sola pantalla con 9–12 tiles de categoría suele ser más clara que un menú móvil largo.

Móvil y escritorio, configurados de forma independiente

Cada menú tiene configuraciones de móvil y escritorio separadas. Tab Bar en móvil y Mega Menu en escritorio, con cero CSS de media queries — gestionado por completo desde el dashboard.

Pensado para cualquier theme de WordPress

Navi+ está diseñado para trabajar con el ecosistema de WordPress, no contra él.

• Independiente del theme. Funciona con Astra, GeneratePress, Kadence, Hello, Blocksy, Storefront, Avada, Divi, themes de Elementor, Twenty Twenty-X y cualquier theme personalizado. El plugin inyecta su propia capa de UI que vive fuera de la jerarquía de plantillas del theme.
• Sin editar el theme. Instalas el plugin, lo activas y lo configuras desde el dashboard. Sin tocar PHP, sin child themes, sin overrides de plantillas.
• Funciona junto a WooCommerce. El plugin no requiere WooCommerce y tampoco entra en conflicto — lo instalas en una tienda WooCommerce y tus menús, el enlace al carrito y el enlace al checkout siguen funcionando como esperas. Las integraciones específicas más profundas con WooCommerce (contador de carrito en vivo, takeover del mini-cart drawer) están en el roadmap, no en el alcance actual.
• Compatible con Block editor y classic editor. No depende de ninguno de los dos — los menús se renderizan en cada página del front-end independientemente de cómo se haya construido la página.
• Multilingüe. Compatible con Polylang, WPML y TranslatePress. Etiquetas y enlaces de menú por locale, configurados desde el dashboard de Navi+.
• HTML5 + CSS3 puros. Sin jQuery, sin runtime de React en el front-end, sin conflictos con otros plugins de navegación o page builders.

Rendimiento — compatible con Core Web Vitals

Los plugins son la causa nº 1 de los sitios WordPress lentos. Navi+ está construido específicamente para no serlo.

• Sin scripts que bloqueen el render. Se carga después del primer paint.
• Lazy hydration. El código de interacción del menú solo se carga cuando hace falta.
• Ligero. Unos pocos KB gzipped por menú en el front-end.
• CDN global. Los assets del menú se sirven desde nodos edge en todo el mundo — failover Cloudflare + BunnyCDN en Elite.
• Sin saturar la base de datos. Las configuraciones del menú viven del lado de Navi+. El plugin en sí solo añade una fila de options.

Instalar en WordPress

Tres formas de instalar. Elige la que mejor se adapte a tu flujo de trabajo:

• Desde el directorio de plugins (recomendado): admin de WordPress → Plugins → Añadir nuevo → busca "Naviplus Menu Builder" → Instalar ahora → Activar.
• Desde un archivo ZIP: descarga el último .zip desde la página del plugin en WordPress.org → Plugins → Añadir nuevo → Subir plugin → elige el ZIP → Instalar → Activar.
• Vía FTP: sube la carpeta naviplus-menu-builder/ descomprimida a wp-content/plugins/ y luego actívalo desde Plugins → Plugins instalados.

Requiere WordPress 5.8 o posterior. El plugin renderiza los menús mediante un pequeño script loader desde https://live.naviplus.app/start.js.

Después de activar

1. Abre Apariencia → Naviplus Menu Builder en el admin de WordPress.
2. Crea tu primer menú — el plugin conecta automáticamente el sitio con Navi+ en el primer uso; no hace falta una cuenta de Navi+ aparte de entrada.
3. Haz clic en Open dashboard para diseñar el menú en el editor de Navi+.
4. Elige dónde aparece — en todo el sitio (interruptor dentro del panel de Navi+) o solo en páginas específicas mediante el shortcode de abajo.

Embeber en páginas, posts o widgets específicos

Si solo quieres el menú en ciertas páginas — una landing, una plantilla solo para móvil, un funnel concreto — desactiva el embed para todo el sitio y usa un shortcode en su lugar.

Alias heredado (aún soportado): [naviplus embed_id="YOUR-EMBED-ID"]

Encuentra YOUR-EMBED-ID en la pantalla de gestión de embeds dentro del dashboard de Navi+. Coloca el shortcode en un bloque Shortcode en Gutenberg, pégalo dentro de un bloque Párrafo (el plugin detecta [naviwp] / [naviplus] en el texto) o usa el widget Shortcode en Elementor y otros page builders.

Quitar o pausar el menú

Desactiva el plugin para detener el loader del lado de WordPress — tu configuración del menú en Navi+ se conserva. O quita el shortcode [naviwp ...] de cualquier página donde lo hayas embebido.

El plan Starter es gratis para siempre — sin tarjeta de crédito para instalar.

Precios en WordPress

Los mismos planes que en Shopify — mismas funciones, mismos precios.

Plan	Precio	Ideal para
Starter	Gratis para siempre	Un menú, sitios pequeños, blogs, validar Navi+
Business	$6.25 / mes	Tiendas y sitios de marketing 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

Business y Elite incluyen una prueba gratis de 7 días con acceso completo a todas las funciones.

Preguntas frecuentes

¿Va a ralentizar mi sitio?

No. Navi+ se carga después del primer paint, se sirve desde una CDN global y no contiene scripts que bloqueen el render. Está construido específicamente para no tocar los Core Web Vitals.

¿Necesito escribir código?

No. El dashboard es de arrastrar y soltar. Hay CSS / HTML personalizados disponibles para casos avanzados, pero nunca son obligatorios.

¿Va a funcionar con mi theme?

Sí. Navi+ vive fuera de la jerarquía de plantillas del theme. Probado con Astra, GeneratePress, Kadence, Blocksy, Hello + Elementor, Divi, Avada, Storefront, Twenty Twenty-X y muchos themes personalizados.

¿Funciona con WooCommerce?

Sí — Navi+ funciona bien en un sitio con WooCommerce. Tus menús, el enlace al carrito, el enlace a la cuenta y el enlace al checkout siguen funcionando como esperas. El plugin no se enlaza automáticamente con datos específicos de WooCommerce (contador de carrito en vivo, takeover del mini-cart drawer) — esas integraciones específicas de WooCommerce están en el roadmap, no en esta release.

¿Funciona con WPML o Polylang?

Sí. Los menús de Navi+ soportan etiquetas y enlaces por locale. Compatible con WPML, Polylang y TranslatePress.

¿Va a entrar en conflicto con mis otros plugins?

Sin JS global, sin jQuery, sin clases CSS compartidas — el runtime del menú está namespaced. Probamos contra los plugins más instalados de WordPress antes de cada release.

¿Qué pasa si lo desinstalo?

Desactivas o eliminas el plugin — tu menú por defecto de WordPress vuelve al instante. Sin datos residuales, sin páginas rotas.

¿Cómo es el soporte?

Soporte por email en Starter, 24/7 en Business y ayuda hands-on (migrar menús, configurar layouts, editar UI directamente) en Elite.