I Menu di Navigazione nel Funnel Builder di GoHighLevel / Squadd ti permettono di creare menu strutturati e responsive per siti web e Funnel. Puoi aggiungere link, dropdown, elementi annidati e personalizzare il comportamento del layout. I miglioramenti recenti includono una nuova opzione Wrap per le voci di menu e uno stile avanzato per i sottomenu, per un'esperienza utente più fluida su desktop e mobile.
- Cos'è un Menu di Navigazione?
- Come aggiungere un Menu di Navigazione
- Configurare le voci di menu
- Opzione Wrap (nuova funzionalità)
- Perché è importante
- Miglioramenti allo stile dei sottomenu
- Comportamento su mobile
- Opzioni di stile
- Usare lo Scroll-to-Element con i Menu di Navigazione
- Best Practice
- Domande frequenti
- Articoli correlati
Cos'è un Menu di Navigazione?
Un Menu di Navigazione è un elemento interattivo che consente ai visitatori di spostarsi tra le pagine o le sezioni del tuo Funnel o sito web. Supporta:
Link diretti a pagine
URL esterni
Menu dropdown
Sottomenu annidati
Scorrimento basato su ancore
Comportamento responsive su mobile
I menu di navigazione vengono solitamente inseriti nell'intestazione (header) e nel piè di pagina (footer).
Come aggiungere un Menu di Navigazione
Apri il tuo Funnel o sito web nel Builder.
Clicca su Aggiungi Elemento (Add Element).
Seleziona Menu di Navigazione (Navigation Menu).
Trascina l'elemento nella sezione desiderata.
Clicca sull'elemento per configurarne le impostazioni.
Configurare le voci di menu
Nel pannello delle impostazioni del Menu di Navigazione puoi:
Aggiungere nuove voci di menu
Rinominare le etichette delle voci
Collegare a pagine interne
Collegare a URL esterni
Aggiungere voci dropdown (figlie)
Riordinare le voci di menu
Per creare un dropdown:
Aggiungi una voce di menu principale (parent).
Clicca su Aggiungi Sotto-elemento (Add Sub Item) sotto quella voce.
Configura il link figlio.
Ripeti per ulteriori elementi annidati.
Opzione Wrap (nuova funzionalità)
È ora disponibile una nuova opzione Wrap per gli elementi Menu di Navigazione.
Quando abilitata, l'opzione Wrap consente alle voci di menu di spostarsi automaticamente alla riga successiva se non c'è abbastanza spazio orizzontale. Questo evita la rottura del layout e migliora la responsività su schermi di diverse dimensioni.
Perché è importante
Previene l'overflow del menu
Migliora la responsività su schermi più piccoli
Mantiene un allineamento pulito nell'header
Riduce le distorsioni del layout
È particolarmente utile per:
Menu con molte voci
Etichette di menu lunghe
Tablet e schermi di medie dimensioni
Miglioramenti allo stile dei sottomenu
Il comportamento dei sottomenu è stato potenziato per una maggiore coerenza visiva e facilità d'uso.
I miglioramenti includono:
Rendering dei dropdown più stabile
Comportamento hover più pulito
Spaziatura e allineamento migliorati
Stile dei sottomenu più coerente tra i dispositivi
Questi aggiornamenti eliminano le incoerenze visive e migliorano il flusso di interazione.
Comportamento su mobile
I Menu di Navigazione si adattano automaticamente alla visualizzazione mobile. In base alla configurazione, i menu possono comprimersi in un layout a icona "hamburger".
I recenti miglioramenti garantiscono inoltre:
Migliore reattività al tocco
Interazione dropdown migliorata su mobile
Transizioni animate più coerenti
Opzioni di stile
Puoi personalizzare:
Stile del carattere
Dimensione del carattere
Allineamento del menu (sinistra, centro, destra)
Spaziatura tra le voci
Colore di sfondo
Effetti hover
Aspetto del dropdown
Usa la scheda Stile (Style) nel pannello delle impostazioni dell'elemento per configurare queste opzioni.
Usare lo Scroll-to-Element con i Menu di Navigazione
Le voci del Menu di Navigazione possono essere configurate per scorrere fino a sezioni specifiche della pagina.
Con gli aggiornamenti recenti, il comportamento di scorrimento utilizza ora uno smooth scrolling (scorrimento fluido) al posto di salti bruschi. Questo crea una transizione più naturale durante la navigazione all'interno di una pagina.
Best Practice
Mantieni le etichette di menu concise
Usa i dropdown per organizzare una navigazione complessa
Abilita l'opzione Wrap quando usi molte voci di menu
Verifica la visualizzazione mobile prima di pubblicare
Evita livelli eccessivi di sottomenu annidati
Domande frequenti
D: Cosa fa l'opzione Wrap?
L'opzione Wrap consente alle voci di navigazione di spostarsi su una nuova riga se superano la larghezza disponibile, prevenendo l'overflow del layout.
D: I miglioramenti ai sottomenu richiedono modifiche alle impostazioni?
No. I miglioramenti allo stile e al comportamento vengono applicati automaticamente.
D: Lo smooth scrolling è abilitato per impostazione predefinita?
Sì. Le azioni di scroll-to-element utilizzano ora lo smooth scrolling in modo automatico.
D: Questo influisce sui Funnel o siti web già pubblicati?
I menu esistenti beneficiano automaticamente dei miglioramenti allo stile e allo smooth scroll. L'opzione Wrap deve essere abilitata manualmente, se desiderata.
D: Queste modifiche alterano le impostazioni di stile manuali?
No. Le configurazioni di stile esistenti rimangono invariate.