Installa Navi+
Passaggio 1 — Installa
Shopify: Installa da Shopify App Store. L’app si apre automaticamente dopo l’installazione.
Wix: Installa Navi+ da Wix App Market. Si apre nella tua dashboard Wix e si incorpora automaticamente sul tuo sito live — nessun codice da copiare, nessuno snippet di incorporamento. Autenticazione e fatturazione vengono gestite tramite Wix.
Altre piattaforme (WordPress, WooCommerce, Webflow, Squarespace o qualsiasi sito web):
- Crea un account gratuito su dash.naviplus.app
- Aggiungi il tuo dominio del sito web
- Copia il tuo snippet di incorporamento — lo userai nel Passaggio 2
Passaggio 2 — Comprendi come verrà distribuito il tuo menu
Navi+ utilizza tre diversi metodi di distribuzione a seconda del tipo di menu. Comprenderlo in anticipo fa risparmiare tempo durante la configurazione.
1. Menu mobile — Tab Bar & FAB
Tab Bar e FAB sono menu sticky che galleggiano in cima alla tua pagina in una posizione fissa. Non si scorrono mai via.
Bordo superiore, inferiore, sinistro o destro dello schermo
Si nasconde durante lo scorrimento verso il basso, riappare quando si scorre verso l'alto
Nascosto per impostazione predefinita, appare solo quando l'utente scorre verso il basso — risparmi spazio sullo schermo
Un caso d’uso comune: consolida altri elementi mobile — WhatsApp, Crisp, Messenger, widget di chat dal vivo — in elementi di menu Navi+. Questo libera spazio sullo schermo e rimuove il disordine di più icone mobile che si sovrappongono l’una sull’altra.
2. Menu posizionati — Mega Menu & Grid Menu
Mega Menu e Grid Menu devono essere posizionati in una posizione specifica sulla tua pagina. Esistono diversi modi per farlo:
Indica Navi+ a qualsiasi elemento sulla tua pagina. Inserisci prima, dopo o sostituisci completamente — è così che Mega Menu può sostituire completamente la navigazione del tuo tema.
Usa un App Block all'interno del Theme Customizer per rilasciare il menu in qualsiasi sezione del tuo layout — nessun codice necessario.
Incolla uno snippet breve direttamente nell'HTML della tua pagina nel punto esatto in cui il menu dovrebbe apparire.
Selettore CSS è un modo per identificare qualsiasi punto su una pagina web — è come i browser indirizzano elementi specifici. Navi+ lo utilizza per sapere esattamente dove iniettare il tuo menu. Non hai bisogno di 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 finché non viene attivato:
Un utente fa clic su qualcosa che è già 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 lo Slide Menu quando viene cliccato
Questo rende lo Slide Menu flessibile — può sostituire la tua navigazione esistente senza aggiungere visivamente nulla di nuovo alla pagina.
Passaggio 3 — Crea il tuo primo menu
Una volta installato, vai al dashboard e crea il tuo primo menu. → Il tuo primo menu (guida rapida di 5 minuti)