Come si usa?

Tab Bar - conosciuta anche come Bottom Navigation Bar, Bottom Nav, o Tab Navigation - è uno stile di navigazione moderno utilizzato da marchi globali come Shein, ASOS, Zara, Etsy, H&M, Nike e Uniqlo per migliorare l’esperienza utente mobile. Funziona bene per siti web di tutte le dimensioni ed è efficace sia su mobile che su desktop.

Vantaggi principali:

  • Posiziona i link importanti a portata di mano per un accesso rapido e conveniente
  • Centralizza la navigazione chiave, aiutando gli utenti e i motori di ricerca a comprendere meglio il tuo sito – ottimo per la SEO
  • Offre un aspetto moderno e professionale che segue le attuali tendenze di design UX e mobile-friendly
  • Rimane visibile su tutte le pagine, così i clienti non perdono mai link chiave come promozioni, prodotti di tendenza o offerte di abbonamento

FAQ:

1. Non ho ancora deciso se utilizzare la versione gratuita o quella a pagamento. Posso provare i modelli di menu professionali?

Assolutamente! I gruppi di menu servono principalmente ad aiutare i principianti a non sentirsi sopraffatti dalle funzionalità avanzate in Navi+ 😄. Il modo migliore è provare i menu professionali per esplorare tutte le funzionalità e le opzioni di layout. In seguito, puoi semplicemente eliminare qualsiasi menu di cui non hai bisogno o che trovi inadeguato.

2. Creare un menu qui lo fa apparire subito sul mio sito web?

Non ancora. Dovrai pubblicare il menu corretto affinché appaia sul tuo sito web. Non preoccuparti — è facile!

3. E se scelgo il modello sbagliato o commetto un errore?

Nessun problema. Puoi eliminarlo e crearne uno nuovo in qualsiasi momento. Se stai testando un menu e vuoi provare un altro modello, puoi salvare quello attuale come file di backup e riaprirlo in seguito. Puoi persino copiare e incollare parti tra i menu (aprendo due schede del browser) per mantenere il tuo lavoro precedente. Sentiti libero di sperimentare!

4. Dovrei creare solo un menu o più di uno?

Dovresti creare più menu. Solo il menu attivo verrà visualizzato sul tuo sito, ma puoi preparare molte versioni — selezionando modelli diversi o clonando menu. I menu possono essere configurati per mostrare/nascondere in base al tipo di pagina (home, prodotto, collezione...), dispositivo (mobile o desktop) o parole chiave URL. Quindi vai avanti e costruisci menu che si adattino a ogni situazione!

Passo 1: Modifica l’albero del menu

1.1. Comprendere l’albero del menu

L’albero del menu è la parte più importante di qualsiasi menu: definisce la struttura.

Ecco un esempio di un albero del menu:

Home  
Catalogo  
- Tutto Montagna  
   - Cruise Flex  
   - Balance Ride
- Freestyle  
   - Park Board  
   - Jib Board  
- Freeride  
Supporto  
Altro

Questo è un albero del menu a 3 livelli. Il livello 1 include Home, Catalogo, Supporto e Altro. Tutto-Montagna è un elemento del menu di livello 2, con due elementi figli: Cruise Flex e Balance Ride.

Trascorrerai la maggior parte del tuo tempo a costruire questo albero del menu per il tuo sito web, aiutando i clienti a trovare i contenuti che cercano.

Catalog: A level 1 menu item, displayed as a tab on the tab bar. All-Mountain: Level 2 menu item that appears when you tap on Catalog.
Cruise Flex, Balance Ride: Level 3 menu item that appears when you tap on All-Mountain.

1.2. Interazioni di base con l’albero del menu

Puoi trascinare e rilasciare gli elementi del menu su e giù o a sinistra e a destra per cambiare la loro posizione e le relazioni genitore-figlio nell’albero del menu.

Quando passi il mouse su qualsiasi elemento del menu, vedrai opzioni aggiuntive: modifica i dettagli dell’elemento, eliminalo dall’albero del menu o copialo e incollalo altrove.

Suggerimento: Puoi copiare un elemento del menu da un menu a un altro aprendo l’app Navi+ in due schede del browser.

1.3. IMPORTANTE! Elimina gli elementi di menu di esempio e mantieni solo la struttura che desideri.

Questa è una situazione comune quando crei un menu con Navi+. Quando crei un nuovo menu, includiamo un esempio completo con elementi di menu popolari per mostrare idee di layout e permetterti di copiare/incollare secondo necessità. Tuttavia, se sei nuovo in Navi+ e utilizzi il piano Starter, vedrai molti avvisi rossi (i) per funzionalità non disponibili, come il caricamento di immagini o l’uso di interazioni avanzate.

Se ti piacciono queste funzionalità avanzate, considera di passare a un piano Business o Elite. Ma se vuoi continuare con il piano Starter, ti preghiamo di trovare ed eliminare gli elementi di menu con avvisi rossi (i).

Suggerimento importante: Quando appare la conferma di eliminazione, attiva “Non chiedere di nuovo la prossima volta” per eliminare più velocemente.

1.4. Aggiungi elementi di menu all’albero del menu

Per aggiungere un elemento di menu, hai due opzioni:

Opzione 1 **(Non consigliato se sei nuovo in Navi+)**: Fai clic su “Aggiungi menu” per inserire un elemento di menu vuoto alla fine dell’albero del menu. Questo metodo richiede una buona comprensione delle impostazioni degli elementi del menu, che tratteremo di seguito. Potrebbe sembrare opprimente all’inizio, quindi puoi esplorare questo in seguito.

Opzione 2 (Consigliata): Abbiamo già preparato molti modelli di elementi di menu ben progettati per te. Basta copiarli e incollarli nel posto giusto. Dopo aver terminato il tuo albero del menu, elimina semplicemente i modelli non utilizzati.