Installare Navi+ su WordPress richiede circa 15–30 minuti. Ecco il processo completo — dal download del plugin al primo menu live.
Cosa Ti Serve
- Un sito WordPress o WooCommerce (self-hosted, piano WordPress.com Business, o qualsiasi hosting WP)
- Accesso amministratore al tuo sito WordPress
- Un account Navi+ gratuito (crea su dash.naviplus.app)
Passo 1 — Installa il Plugin
Opzione A: Da WordPress.org
- Nel tuo WP Admin, vai su Plugin → Aggiungi Nuovo
- Cerca “Navi+ Menu Builder”
- Clicca su Installa Ora, poi su Attiva
Opzione B: Caricamento manuale
- Scarica il file .zip del plugin da naviplus.io
- In WP Admin, vai su Plugin → Aggiungi Nuovo → Carica Plugin
- Carica il file .zip e attiva
Passo 2 — Connettiti al Tuo Account Navi+
Dopo l’attivazione, vedrai una voce Navi+ nella barra laterale di WP Admin.
- Clicca su Navi+ → Impostazioni
- Inserisci il tuo Site ID e la chiave API (disponibili nella dashboard Navi+ in Impostazioni → WordPress)
- Clicca su Connetti
Se non hai ancora un account Navi+, ti verrà chiesto di crearne uno. Il piano gratuito include tutte le funzionalità principali.
Passo 3 — Scegli il Tipo di Menu
Da Navi+ → Menu Builder in WP Admin, crea il tuo primo menu:
- Tab Bar → Ideale per negozi WooCommerce con pubblico prevalentemente mobile
- Mega Menu → Navigazione desktop multi-colonna con categorie e immagini
- Slide Menu → Stile hamburger/drawer per negozi moderni
- FAB → Pulsante azione flottante per promozioni o scorciatoie di contatto
- Grid Menu → Layout a griglia visiva per negozi con molte categorie
La maggior parte dei negozi WooCommerce trae vantaggio dall’utilizzo della Tab Bar su mobile e del Mega Menu su desktop in modo simultaneo, usando le regole Smart Publish di Navi+.
Passo 4 — Costruisci il Menu (o Usa l’AI)
Approccio manuale:
- Clicca su Aggiungi Elemento per creare le voci del menu
- Imposta l’etichetta, l’URL e l’icona per ogni elemento
- Organizza nella gerarchia desiderata
- Imposta le opzioni di design (colori, font, spaziatura)
Approccio AI (consigliato per WooCommerce):
- Clicca su Genera con AI
- L’AI di Navi+ legge le categorie di prodotti WooCommerce e la tassonomia
- Genera una struttura di menu completa — tu rivedi e modifichi
- Conferma e procedi con lo stile
Passo 5 — Imposta le Regole di Pubblicazione
In Smart Publish:
- Dispositivi: Imposta il menu per mostrarsi su Mobile, Desktop o Entrambi
- URL: Configura quali pagine mostrano quale menu (opzionale)
- Condizioni: Clienti loggati vs. ospiti (opzionale)
Per una configurazione WooCommerce tipica, imposta la Tab Bar su “Solo Mobile” e il Mega Menu su “Solo Desktop”.
Passo 6 — Pubblica
Clicca su Pubblica. Il tuo menu va live immediatamente — nessuna modifica ai file del tema, nessun cambiamento al page builder, nessuno sviluppatore necessario.
Compatibilità
Navi+ funziona con:
| Tema / Sistema WordPress | Compatibile |
|---|---|
| WordPress.org (self-hosted) | ✓ |
| WooCommerce | ✓ |
| Elementor | ✓ |
| Divi | ✓ |
| Avada | ✓ |
| Astra / OceanWP / GeneratePress | ✓ |
| Sage (Roots) / Timber | ✓ |
| Temi personalizzati | ✓ (basato su script) |
Risoluzione dei Problemi
Il menu non appare? Verifica che lo script Navi+ si stia caricando nelle pagine corrette. Vai su Impostazioni → Regole di Pubblicazione e controlla le condizioni URL.
Conflitto con il menu esistente? Se vuoi che Navi+ sostituisca il menu nativo del tuo tema, puoi nascondere l’intestazione del tema tramite un piccolo snippet CSS (il supporto Navi+ può fornirti quello per il tuo tema specifico).
Caricamento lento? Verifica che l’opzione CDN sia abilitata nelle Impostazioni di Navi+. Questo garantisce che gli asset vengano consegnati dalla CDN globale di Navi+ piuttosto che dal tuo server.
Conclusione
Installare Navi+ su WordPress richiede 15–30 minuti e non richiede codifica. La generazione di menu con AI dai dati WooCommerce è il percorso più rapido verso una navigazione ben organizzata e ottimizzata per mobile.
→ Vedi il confronto completo: Navi+ vs Max Mega Menu