Installa Navi+
Passo 1 — Installa
Shopify: Installa dal Shopify App Store. L’app si apre automaticamente dopo l’installazione.
Altre piattaforme (WordPress, WooCommerce, Wix, Webflow, Squarespace o qualsiasi sito web):
- Crea un account gratuito su dash.naviplus.app
- Aggiungi il dominio del tuo sito web
- Copia il tuo snippet di incorporamento — lo userai nel Passo 2
Passo 2 — Comprendere come verrà distribuito il tuo menu
Navi+ utilizza tre diversi metodi di distribuzione a seconda del tipo di menu. Comprendere questo in anticipo fa risparmiare tempo durante la configurazione.
1. Menu galleggianti — Tab Bar & FAB
Tab Bar e FAB sono menu appiccicosi che galleggiano sopra la tua pagina in una posizione fissa. Non scorrono mai via.
Parte superiore, inferiore, sinistra o destra dello schermo
Si nasconde quando si scorre verso il basso, riappare quando si scorre di nuovo verso l'alto
Nascosto per impostazione predefinita, appare solo quando l'utente scorre verso il basso — risparmia spazio sullo schermo
Un caso d’uso comune: consolidare altri elementi galleggianti — WhatsApp, Crisp, Messenger, widget di chat dal vivo — in elementi di menu di Navi+. Questo libera spazio sullo schermo e rimuove il disordine di più icone galleggianti sovrapposte.
2. Menu posizionati — Mega Menu & Grid Menu
Mega Menu e Grid Menu devono essere posizionati in un luogo specifico sulla tua pagina. Ci sono diversi modi per farlo:
Indica a Navi+ qualsiasi elemento sulla tua pagina. Inserisci prima, dopo o sostituiscilo completamente — questo è come Mega Menu può sostituire completamente la navigazione esistente del tuo tema.
Usa un App Block all'interno del Theme Customizer per inserire il menu in qualsiasi sezione del tuo layout — non è necessario alcun codice.
Incolla un breve snippet direttamente nell'HTML della tua pagina nel punto esatto in cui dovrebbe apparire il menu.
Selettore CSS è un modo per identificare qualsiasi punto su una pagina web — è così che i browser mirano a elementi specifici. Navi+ lo utilizza per sapere esattamente dove iniettare il tuo menu. Non è necessario scrivere CSS da solo; Navi+ ha un selettore visivo che trova il selettore per te.
3. Menu attivati — Slide Menu
Slide Menu non appare da solo. Rimane nascosto fino a quando qualcosa non lo attiva:
Un utente clicca su qualcosa già presente sulla tua pagina — come l'icona hamburger del tuo tema
Qualsiasi elemento sulla tua pagina — designato dal suo Selettore CSS
Un elemento Tab Bar o FAB che apre il Slide Menu quando viene cliccato
Questo rende Slide Menu flessibile — può sostituire la tua navigazione esistente senza aggiungere visivamente nulla di nuovo alla pagina.
Passo 3 — Crea il tuo primo menu
Una volta installato, vai alla dashboard e crea il tuo primo menu. → Il tuo primo menu (guida rapida di 5 minuti)