Instalar Navi+ en WordPress lleva entre 15 y 30 minutos. Aquí tienes el proceso completo, desde la descarga del plugin hasta tener tu primer menú en vivo.
Lo que necesitarás
- Un sitio WordPress o WooCommerce (autohospedado, plan Business de WordPress.com o cualquier hosting con WP)
- Acceso de administrador a tu sitio WordPress
- Una cuenta gratuita en Navi+ (créala en dash.naviplus.app)
Paso 1 — Instala el plugin
Opción A: Desde WordPress.org
- En tu Administrador de WP, ve a Plugins → Añadir nuevo
- Busca “Navi+ Menu Builder”
- Haz clic en Instalar ahora y luego en Activar
Opción B: Subida manual
- Descarga el archivo .zip del plugin desde naviplus.io
- En el Administrador de WP, ve a Plugins → Añadir nuevo → Subir plugin
- Sube el archivo .zip y actívalo
Paso 2 — Conecta con tu cuenta de Navi+
Tras la activación, verás un elemento Navi+ en la barra lateral del Administrador de WP.
- Haz clic en Navi+ → Ajustes
- Introduce tu ID de sitio y clave API (los encontrarás en tu panel de Navi+ en Ajustes → WordPress)
- Haz clic en Conectar
Si aún no tienes cuenta en Navi+, se te pedirá que crees una. El plan gratuito incluye todas las funciones principales.
Paso 3 — Elige el tipo de menú
Desde Navi+ → Constructor de menús en el Administrador de WP, crea tu primer menú:
- Tab Bar → Ideal para tiendas WooCommerce con audiencias móviles
- Mega Menu → Navegación de escritorio multicolumna con categorías e imágenes
- Slide Menu → Estilo hamburguesa/cajón para tiendas modernas
- FAB → Botón de acción flotante para promociones o accesos directos de contacto
- Grid Menu → Diseño en cuadrícula visual para tiendas con muchas categorías
La mayoría de las tiendas WooCommerce se benefician de implementar Tab Bar en móvil y Mega Menu en escritorio simultáneamente, usando las reglas Smart Publish de Navi+.
Paso 4 — Crea tu menú (o usa la IA)
Enfoque manual:
- Haz clic en Añadir elemento para crear entradas de menú
- Establece la etiqueta, la URL y el icono de cada elemento
- Organízalos en la jerarquía que desees
- Configura las opciones de diseño (colores, fuentes, espaciado)
Enfoque con IA (recomendado para WooCommerce):
- Haz clic en Generar con IA
- La IA de Navi+ lee tus categorías de productos y taxonomía de WooCommerce
- Genera una estructura de menú completa — la revisas y ajustas
- Confirma y procede al estilo
Paso 5 — Configura las reglas de publicación
En Smart Publish:
- Dispositivos: configura el menú para mostrarse en Móvil, Escritorio o Ambos
- URLs: define en qué páginas se muestra cada menú (opcional)
- Condiciones: clientes autenticados frente a visitantes anónimos (opcional)
Para una configuración típica de WooCommerce, configura el Tab Bar en “Solo móvil” y el Mega Menu en “Solo escritorio”.
Paso 6 — Publica
Haz clic en Publicar. Tu menú se activa de inmediato — sin editar archivos del tema, sin cambios en el maquetador de páginas, sin necesidad de desarrollador.
Compatibilidad
Navi+ funciona con:
| Tema / Sistema de WordPress | Compatible |
|---|---|
| WordPress.org (autohospedado) | ✓ |
| WooCommerce | ✓ |
| Elementor | ✓ |
| Divi | ✓ |
| Avada | ✓ |
| Astra / OceanWP / GeneratePress | ✓ |
| Sage (Roots) / Timber | ✓ |
| Temas personalizados | ✓ (basado en script) |
Resolución de problemas
¿El menú no aparece? Comprueba que el script de Navi+ se carga en las páginas correctas. Ve a Ajustes → Reglas de publicación y verifica las condiciones de URL.
¿Conflicto con el menú existente? Si quieres que Navi+ reemplace el menú nativo de tu tema, puedes ocultar la cabecera del tema mediante un pequeño fragmento CSS (el soporte de Navi+ puede proporcionártelo para tu tema específico).
¿Carga lenta? Comprueba que la opción CDN está activada en los Ajustes de Navi+. Esto garantiza que los activos se sirven desde la CDN global de Navi+ en lugar de tu servidor.
Conclusión
Instalar Navi+ en WordPress lleva entre 15 y 30 minutos y no requiere conocimientos de programación. La generación de menús con IA a partir de los datos de WooCommerce es el camino más rápido hacia una navegación bien organizada y optimizada para móvil.
→ Ver la comparación completa: Navi+ vs Max Mega Menu