Se gestisci uno store Shopify, sai già quanto fatturato decide silenziosamente il menu. Un visitatore arriva sulla home, dà un'occhiata alla navigazione e in pochi secondi decide: o inizia a esplorare il catalogo, o se ne va. Eppure la maggior parte degli store Shopify continua a usare lo stesso menu predefinito fornito con il tema: una lista piatta di link pensata per desktop, riadattata al mobile e identica a migliaia di altri store.
Navi+ AI Menu Builder è un toolkit di navigazione completo costruito apposta per lo storefront Shopify. Invece di un solo pattern di menu, hai a disposizione un vero sistema: una Tab Bar in basso per il mobile, un mega menu per il desktop, uno slide menu quando serve profondità, un FAB per le promozioni e un grid menu per le categorie con cataloghi corposi. Tutto gestito da un'unica dashboard. Niente codice, niente modifiche al tema, nessun developer richiesto.
Questa guida ti porta attraverso tutto ciò che Navi+ fa su Shopify — che cosa sostituisce, come si installa e perché ormai oltre cinquemila merchant Shopify lo usano.
Perché il menu predefinito di Shopify ti fa perdere vendite
Il menu integrato di Shopify è stato progettato in un'epoca in cui il traffico e-commerce arrivava soprattutto da desktop. Oggi circa il 70% del traffico Shopify è mobile — eppure il pattern del menu predefinito non è cambiato in modo sostanziale:
- Nessuna navigazione in basso. Ogni app mobile che usi — Amazon, ASOS, eBay, Instagram — àncora le azioni principali a una barra fissa in fondo. Lo schema predefinito di Shopify tiene la navigazione bloccata in alto, dove il pollice non arriva comodamente su un telefono da 6,7 pollici.
- Solo hamburger su mobile. Il visitatore tocca, si apre un menu, scorre un elenco lungo, tocca di nuovo. Tre o quattro tap prima di poter iniziare a esplorare. Ogni tap è un'occasione per abbandonare.
- Stile vincolato al tema. Vuoi aree di tocco più grandi, icone personalizzate o layout a colonne? Devi mettere mano al Liquid. Vuoi fare A/B test su un nuovo pattern? Ancora più difficile.
- Nessuno spazio per le promozioni. Parte un flash sale e il menu non riesce a mostrarlo. Una categoria ha bisogno di enfasi visiva e il menu non può ospitare un'immagine. I momenti di vendita scorrono via senza che la navigazione li sappia raccogliere.
Non sono lamentele estetiche. Sono gap di conversione che ti costano fatturato concreto a ogni sessione.
Il sistema di menu Navi+ su Shopify
Navi+ sostituisce il menu predefinito con un sistema di navigazione completo. Ogni componente funziona da solo — e tutti si combinano fra loro.
Tab Bar — navigazione mobile in basso
Una barra fissa in fondo allo schermo con fino a cinque destinazioni: Home, Categorie, Ricerca, Carrello, Account — o qualsiasi voce tu voglia. Icone personalizzate, evidenziazione dello stato attivo, badge con il numero di articoli nel carrello e una libreria di icone integrata con oltre 4.000 Google Material Symbols. Questo singolo componente è la vittoria più grande per la maggior parte degli store Shopify che migrano da un tema predefinito.
Mega Menu — dropdown desktop
Dropdown multi-colonna e ricchi di immagini per cataloghi ampi. Aggiungi titoli, sotto-link, banner promozionali, blocchi prodotto in evidenza e CTA. Sostituisci un link "Shop" piatto con una panoramica di categoria che mostra in anteprima cosa c'è dentro — i visitatori vedono di più, cliccano più in profondità e arrivano alle schede prodotto più rapidamente.
Slide / Hamburger Menu
Quando il mobile ha bisogno di profondità — categorie multi-livello, selettori di lingua, link account — un pulito pannello a scomparsa lo gestisce senza annidare menu dentro altri menu. Si apre da sinistra o da destra, a tutto schermo o parziale, con transizioni fluide.
FAB — Floating Action Button
Un singolo pulsante flottante ancorato a un angolo. Utile per promozioni ("Flash Sale →"), azioni ad alta priorità ("Ordina su WhatsApp") o come scorciatoia per aprire il menu. Colore, icona, etichetta e azione di destinazione sono tutti personalizzabili.
Grid Menu
Un menu a riquadri per gli store con cataloghi molto visivi. Immagina una singola schermata con 9 o 12 tile di categoria grandi, al posto di un lungo elenco da scorrere. Pattern comune nel food, nella moda, nell'elettronica — ovunque il catalogo sia un'esperienza visiva.
Sostituzione di drawer e componenti predefiniti
Dal piano Business in su, Navi+ può sostituire il drawer di ricerca, il drawer del carrello e il menu predefinito del tuo tema con una versione personalizzata — stesso pulsante di attivazione, UI completamente diversa. Puoi inoltre sostituire direttamente le icone del carrello, del menu e della ricerca, oltre al badge con il numero di articoli nel carrello.
Mobile e desktop, indipendenti
Una delle caratteristiche più sottovalutate di Navi+: ogni menu ha configurazioni separate per mobile e desktop. Mostra una Tab Bar su mobile e un Mega Menu su desktop — in modo totalmente indipendente — senza scrivere media query.
Costruito per lo storefront Shopify, non incollato sopra
Navi+ non è un widget generico che capita di poter inserire su Shopify. È costruito attorno al modo in cui i temi Shopify funzionano davvero:
- Indipendente dal tema. Funziona su Dawn, Refresh, Sense, Studio, Origin, Crave, Symmetry, Impulse, Prestige, Empire, Motion, Stiletto e su temi custom. Il menu vive fuori dal markup Liquid del tema — perciò aggiornamenti, cambi di tema e restyling stagionali lasciano il tuo menu intatto.
- Nessuna modifica al tema. Installi dallo Shopify App Store, attivi l'App Embed Block in Online Store 2.0 e Navi+ si inserisce da solo. La disinstallazione è un singolo toggle.
- HTML5 + CSS3 puri, zero dipendenze JS. Nessun conflitto con gli script del tema, nessun comportamento rotto dopo un aggiornamento, nessuna incompatibilità con altre app.
- Mobile-first di default. Ogni template arriva con spaziatura, dimensione dei font e aree di tocco già ottimizzate per il mobile — e poi scala verso il desktop, non il contrario.
- Editor fuori dall'admin di Shopify. La dashboard completa gira su un'app dedicata all'indirizzo
dash.naviplus.app— veloce, libera dall'overhead dell'admin Shopify e accessibile da qualunque dispositivo.
Performance e affidabilità
Un menu che vive su ogni pagina di ogni store deve essere veloce. Navi+ è costruito proprio per questo:
- CDN globale. Edge server in sei continenti. Su Elite, dual-CDN con failover Cloudflare + BunnyCDN.
- SLA 99,99% su Elite, 99,00% su Business e Starter.
- Amico dei Core Web Vitals. Niente script render-blocking, niente layout shift, niente JS sul main thread.
- Leggero. Il runtime pesa pochi KB gzipped per menu, caricato in lazy dopo il primo paint.
Installazione su Shopify — passo per passo
- Apri lo Shopify App Store, cerca "Navi+ AI Menu Builder" e clicca Add app.
- Approva l'installazione dal tuo admin Shopify. Nessun addebito al momento — Starter è gratis per sempre.
- Dalla pagina dell'app, clicca Open dashboard per aprire
dash.naviplus.app. - Scegli un template, seleziona un tipo di menu (Tab Bar, Mega Menu, Slide, FAB, Grid), personalizza icone e link e clicca Publish.
- Il tuo storefront si aggiorna all'istante — nessun reload del tema, nessun deploy, nessuna cache da svuotare.
La maggior parte degli store passa dall'installazione al menu live in meno di cinque minuti.
Prezzi su Shopify
Stessi piani di tutte le altre piattaforme — stesse funzionalità, stessi prezzi.
| Piano | Prezzo | Ideale per |
|---|---|---|
| Starter | Gratis per sempre | Un menu, piccoli store, per testare Navi+ |
| Business | $6.25 / mese | Store in crescita, più menu, multilingua, upload immagini, analytics |
| Elite | $10 / mese | Cataloghi ampi, menu illimitati, supporto SEO completo, CDN premium, assistenza dedicata |
Entrambi i piani a pagamento includono una prova gratuita di 7 giorni — senza carta di credito, con accesso completo a tutte le funzionalità.
Cosa ne ricavano i merchant Shopify
- Valutazione 4.9 sullo Shopify App Store
- Oltre 5.000 store usano Navi+ oggi
- Un'installazione tipica sostituisce 2–3 app separate: un'app per la barra in basso, un'app mega menu e a volte un'app per il pulsante flottante o la bolla di chat
Questa storia di "sostituzione" è parte del motivo per cui Navi+ di solito costa meno delle app che va a consolidare — e per cui la migrazione da "tanti piccoli plugin" a "un solo toolkit di navigazione" è uno dei percorsi di upgrade più frequenti che vediamo.
Domande frequenti
Rallenterà il mio store?
No. Navi+ è costruito mobile-first, senza librerie JavaScript esterne, caricato in lazy dopo il primo paint e servito da un CDN globale. Non aggiunge script render-blocking ed è progettato per non toccare i Core Web Vitals.
Devo saper scrivere codice?
No. L'intera dashboard è drag-and-drop con template di partenza. CSS, HTML e JavaScript personalizzati sono disponibili se vuoi spingerti oltre, ma la maggior parte degli store non li tocca mai.
Funzionerà con il mio tema?
Sì. Navi+ vive fuori dal tema. Funziona con ogni tema ufficiale Shopify e con i temi custom. Aggiornamenti e cambi di tema non lo toccano.
Supporta più lingue?
Sì — sui piani Business ed Elite. Funziona insieme a Shopify Markets, Translate & Adapt o a qualsiasi app di traduzione. Ogni elemento del menu può avere etichette e link per ciascuna lingua.
Andrà in conflitto con altre app?
No. HTML / CSS puri, niente JS globale, niente jQuery, niente librerie di terze parti. Testiamo Navi+ con le app Shopify più installate prima di ogni rilascio.
Com'è il supporto?
Supporto via email su Starter, supporto 24/7 su Business e assistenza dedicata (migrazione menu, configurazione dei layout, modifica diretta della UI) su Elite.
Inizia subito su Shopify
Installazione gratuita — nessuna carta di credito richiesta. Online in pochi minuti. Stessa struttura di piani su ogni piattaforma.
Installa su Shopify — gratis