I Menu di Navigazione nel Funnel Builder di HITLEAD 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 di wrap per le voci di menu e uno stile dei submenu migliorato per un'esperienza utente più fluida su desktop e mobile.

INDICE DEI CONTENUTI

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
  • Submenu annidati
  • Scroll basato su ancore
  • Comportamento responsive per mobile

I menu di navigazione vengono comunemente inseriti in intestazioni e piè di pagina.

Come aggiungere un Menu di Navigazione

  1. Apri il tuo Funnel o sito web nel Builder.
  2. Clicca su Add Element.
  3. Seleziona Navigation Menu.
  4. Trascina l'elemento nella sezione desiderata.
  5. Clicca sull'elemento per configurarne le impostazioni.

Configurare le voci di menu

All'interno del pannello 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:

  1. Aggiungi una voce di menu padre.
  2. Clicca su Add Sub Item sotto quella voce.
  3. Configura il link figlio.
  4. 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 che il layout si rompa e migliora la responsività su schermi di dimensioni diverse.

Perché è importante

  • Previene l'overflow del menu
  • Migliora la responsività su schermi più piccoli
  • Mantiene un'intestazione allineata e ordinata
  • 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 submenu

Il comportamento dei submenu è stato migliorato per una maggiore coerenza visiva e usabilità.

I miglioramenti includono:

  • Rendering dei dropdown più stabile
  • Comportamento al passaggio del mouse più pulito
  • Spaziatura e allineamento migliorati
  • Stile dei submenu più coerente su tutti i dispositivi

Questi aggiornamenti eliminano le inconsistenze visive e migliorano il flusso di interazione.

Comportamento su mobile

I Menu di Navigazione si adattano automaticamente alla visualizzazione mobile. A seconda della configurazione, i menu possono collassarsi in un layout a hamburger.

I miglioramenti recenti garantiscono anche:

  • Migliore reattività al tocco
  • Interazione con i dropdown su mobile migliorata
  • Transizioni animate più coerenti

Opzioni di stile

Puoi personalizzare:

  • Stile del font
  • Dimensione del font
  • Allineamento del menu (sinistra, centro, destra)
  • Spaziatura tra le voci
  • Colore di sfondo
  • Effetti hover
  • Aspetto del dropdown

Usa la scheda Style nel pannello 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 i recenti aggiornamenti, lo scroll utilizza ora uno smooth scrolling al posto di salti bruschi. Questo crea una transizione più naturale durante la navigazione all'interno di una pagina.

Best Practices

  • Mantieni le etichette di menu concise
  • Usa i dropdown per organizzare navigazioni complesse
  • Abilita il Wrap quando usi molte voci di menu
  • Testa la visualizzazione mobile prima di pubblicare
  • Evita livelli eccessivi di submenu 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, evitando l'overflow del layout.

D: I miglioramenti ai submenu richiedono modifiche alle impostazioni?

No. I miglioramenti allo stile e al comportamento si applicano automaticamente.

D: Lo smooth scrolling è abilitato per impostazione predefinita?

Sì. Le azioni scroll-to-element usano ora automaticamente lo smooth scrolling.

D: Questo influisce sui Funnel o sui 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: Questo modifica le impostazioni di stile manuali?

No. Le configurazioni di stile esistenti rimangono intatte.

Articoli correlati

  • Funnel e Siti Web | Creare categorie nel Menu di Navigazione
  • Usare lo Scroll-to-Element nei Funnel