Esplora i menu comuni
👀 Vuoi vederli in azione? Visualizza la demo dal vivo → showcase.naviplus.io
La maggior parte dei negozi utilizza solo un tipo di menu — ma ogni tipo ha uno scopo diverso. Combinare più tipi di menu offre ai tuoi clienti un’esperienza molto migliore: una Tab Bar per accesso immediato, un Slide Menu per un catalogo profondo, un Mega Menu per la scoperta su desktop, un FAB per il supporto — ognuno svolge esattamente un lavoro, perfettamente.
1. Tab Bar (chiamato anche: Bottom Navigation, Nav Bar, Bottom Nav)
Una barra di navigazione fissa — posizionabile in basso, in alto, a sinistra o a destra. Contiene 4–5 sezioni con icona + etichetta. Fa sentire il tuo negozio come un’app nativa. Funziona sia su mobile che su desktop. Migliore come navigazione primaria a livello di sito — sempre visibile, sempre a portata di pollice. Usato da: Shein, ASOS, Zara, Etsy, HM, Nike, Uniqlo.
Piattaforma: Desktop e Mobile (Estremamente popolare)
Tab Bar — fixed nav bar with icon + label, feels like a native app
2. Slide Menu (chiamato anche: Drawer Menu, Hamburger Menu)
Scorre da sinistra o da destra — elementi illimitati, nessun limite di dimensione, si adatta all’intera struttura del tuo sito. Il modello di navigazione più popolare e adatto ai dispositivi mobili. Può essere attivato da un’icona hamburger, un elemento della Tab Bar o qualsiasi pulsante posizionato a portata di pollice. Usalo per il tuo catalogo completo, collegamenti all’account, politiche e qualsiasi cosa che non debba essere sempre visibile.
Piattaforma: Mobile (Estremamente popolare) · Desktop (meno comune)
Slide Menu — slides in from the side, unlimited depth and items
3. Desktop Mega Menu (chiamato anche: Dropdown Menu, Multi-column Menu)
Un dropdown multi-colonna che si espande sotto l’intestazione — progettato per coprire l’intera navigazione desktop in un unico posto. Sfrutta appieno il grande schermo con immagini, banner e layout ricchi su più colonne. Sostituisce completamente il menu di intestazione predefinito. Lo standard per qualsiasi negozio con un catalogo sostanziale su desktop.
Piattaforma: Solo Desktop (Estremamente popolare)
Desktop Mega Menu — multi-column dropdown with images and rich layouts
4. Mobile Mega Menu (chiamato anche: Header Menu, Scrollable Top Menu)
Una barra di menu compatta posizionata appena sotto l’intestazione — sempre visibile, nessun tocco necessario. Scorre orizzontalmente o si divide in schede per mostrare immediatamente le tue categorie principali. Uno dei modelli di navigazione più riconoscibili sui siti web mobili. Migliore per negozi con 4–8 categorie prioritarie che i clienti dovrebbero raggiungere con un solo tocco.
Piattaforma: Solo Mobile (Popolare)
Mobile Mega Menu — always-visible horizontal bar just below the header
5. FAB & Support (chiamato anche: Floating Button, Speed Dial)
Un pulsante flottante fissato a un angolo — sempre visibile indipendentemente dallo scorrimento. Si espande in più azioni: WhatsApp, Messenger, widget di chat (Shopify Inbox, Tidio, Crisp), hotline o qualsiasi link personalizzato. Il primo posto dove i clienti guardano quando hanno bisogno di aiuto o documenti di supporto. Può nascondersi automaticamente quando non necessario per risparmiare spazio sullo schermo.
Piattaforma: Desktop (popolare) · Mobile (Estremamente popolare)
FAB & Support — floating button that expands into chat, hotline, and quick actions
6. Grid Menu (chiamato anche: Icon Menu, Category Grid)
Una griglia di riquadri — ognuno con un’icona o un’immagine e un’etichetta. Si integra direttamente in qualsiasi sezione della pagina, non è una navigazione a livello di sito. Dà al tuo negozio un aspetto e una sensazione simili a un’app, ideale per mostrare 6–12 categorie a colpo d’occhio. Funziona particolarmente bene su homepage, pagine di atterraggio e all’interno di Slide Menus.
Piattaforma: Mobile (Popolare)
Grid Menu — icon + label tiles embedded into a page section
Come combinarli
Non devi scegliere solo uno. I negozi con le migliori prestazioni sovrappongono più tipi di menu — ognuno svolge un lavoro specifico:
| Obiettivo | Raccomandato |
|---|---|
| Navigazione primaria a livello di sito su mobile | Tab Bar + Slide Menu |
| Navigazione desktop completa | Desktop Mega Menu |
| Mostrare le categorie principali su mobile | Mobile Mega Menu |
| Supporto e contatto sempre attivi | FAB & Support |
| Navigazione visiva delle categorie sulla homepage | Grid Menu |
→ Inizia a costruire il tuo menu →
Domande Frequenti
Voglio che il mio menu funzioni bene su mobile. Quale tipo dovrei scegliere?
Inizia con una Tab Bar o Slide Menu — entrambi sono progettati per mobile. La Tab Bar offre accesso immediato a 4–5 sezioni principali; lo Slide Menu contiene l'intera struttura del tuo sito senza limiti sugli elementi.
Il mio negozio ha molte categorie. Come posso mostrarle tutte senza sopraffare i clienti?
Usa un Desktop Mega Menu su desktop (multi-colonna, supporta immagini e banner) combinato con un Slide Menu su mobile (elementi illimitati, scorrevole). Ognuno gestisce perfettamente la propria piattaforma.
Posso usare più tipi di menu contemporaneamente?
Sì — e dovresti. Una combinazione popolare: Tab Bar (navigazione primaria) + Slide Menu (struttura completa del sito) + FAB (WhatsApp / supporto). Ogni tipo ha uno scopo diverso senza sovrapposizioni.
Voglio che i clienti raggiungano facilmente il supporto o mi contattino. Cosa dovrei aggiungere?
Aggiungi un pulsante FAB & Support. Rimane fisso in un angolo dello schermo, sempre visibile, e ti consente di raggruppare WhatsApp, Messenger, hotline e widget di chat in un unico pulsante.
Dove dovrei posizionare un Grid Menu?
Il Grid Menu non è una navigazione a livello di sito — è integrato in una sezione della pagina (homepage, pagina di categoria). Usalo per mostrare visivamente 6–12 categorie in evidenza come riquadri in stile app.
E se scelgo il tipo di menu sbagliato?
Nessun problema — puoi aggiungere, modificare o eliminare i menu in qualsiasi momento. Se vuoi salvare il tuo lavoro, esportalo semplicemente come file JSON per riutilizzarlo in seguito. Pensalo come il salvataggio di un documento Word.
Sono nel piano Starter con solo 1 slot per il menu. Come posso provare di più?
Passa a Business o Elite — ottieni una prova gratuita di 7 giorni per esplorare tutto prima di impegnarti.
Posso importare il mio menu esistente in Navi+?
Sì. Navi+ supporta l'importazione assistita da AI — ma dovrai regolare il risultato. Ecco perché: la maggior parte dei siti web oggi ha un singolo Mega Menu che si riduce automaticamente in un Hamburger Menu su mobile. Navi+ ti offre invece tipi di menu specializzati. Dovrai ridistribuire i tuoi contenuti tra i tipi giusti per ottenere la migliore esperienza per i tuoi clienti.