Su NewCart, la gestione dei menu è uno strumento potente e flessibile che ti permette di guidare i tuoi utenti in modo strategico. In questo articolo scopriremo come funzionano i vari tipi di menu, quali opzioni hai a disposizione e come configurarli al meglio per massimizzare le conversioni.
Per semplificare l'amministrazione del tuo sito e offrire un'esperienza utente più moderna sul front-end, le opzioni relative ai menu della testata sono state riorganizzate e potenziate.
In questo articolo analizziamo nel dettaglio dove trovare le nuove impostazioni, come cambia la nomenclatura dei componenti e le nuove opzioni grafiche per i menu della testata superiore.
Gestione Centralizzata nell'Editor Home Page e Altre Pagine
La novità principale a livello amministrativo riguarda lo spostamento dei comandi operativi. Tutte le vecchie opzioni di gestione dei menu e del banner superiore, precedentemente collocate in Impaginazione > Impostazioni generali, sono state eliminate da quella sezione per evitare ridondanze.
Oggi, puoi configurare i menu direttamente all'interno dell'Editor Home Page / Altre Pagine. Questo cambio di architettura ha portato anche a una ridenominazione più intuitiva dei vari elementi:
-
Banner (precedentemente noto come "Banner testata superiore").
-
Menu slim (precedentemente noto come "Menu testata superiore").
-
Menu principale (precedentemente noto come "Menu testata inferiore").
-
Menu (il menu mobile, ora rinominato semplicemente così poiché gestibile esclusivamente all'interno della sezione "Mobile" dell'editor).
Nuova opzione di visibilità
A differenza del passato, l'attuale interfaccia introduce la possibilità di disabilitare singolarmente il Menu slim, il Menu principale e il Menu mobile. Attivando questa opzione, i rispettivi menu non saranno più visibili sul front-end, permettendo una personalizzazione totale del layout della testata a seconda delle esigenze strutturali del sito.
Scegli il modello di Menu che è più funzionale per il tuo e-shop
Per chi utilizza il template Candy, sono state introdotte opzioni di visualizzazione avanzate per il menu della testata inferiore. Per accedervi, il percorso nel pannello di controllo è: Sito Web > Impaginazione > Editor Home Page/Altre Pagine.
In questa sezione, per la modalità desktop, potrai scegliere come visualizzare il "Menu principale":
- Sviluppo Verticale con comparsa laterale del livello successivo al passaggio del mouse
- Sviluppo Orizzontale elegante e spazioso con eventuale scorrimento laterale
Menu Verticale con Opzione "Modern"
Nella configurazione del menu verticale è ora possibile scegliere tra due varianti estetiche:
-
Old Style: Mantiene l'aspetto visivo classico utilizzato fino ad oggi.
-
Modern: Introduce un layout rinnovato e contemporaneo, arricchito da animazioni fluide quando l'utente passa con il cursore del mouse sopra alle categorie che contengono dei sottomenu (categorie "figli").
Nel nuovo layout potresti notare la comparsa di icone con delle freccette (o elementi simili). Questo comportamento dipende esclusivamente dal parametro "Mostra icone menu":
-
Se il parametro è attivo, il sistema mostra l'icona inserita nel campo "Icona per il menu di navigazione" della categoria. Se tale campo è vuoto, viene mostrata automaticamente l'icona segnaposto di default (la freccetta).
-
Se desideri nascondere completamente qualsiasi icona (sia quelle personalizzate che i segnaposto), è sufficiente disattivare il parametro "Mostra icone menu".
Menu Verticale con Opzione "Terzo Livello Ampio con Immagini"
Se la struttura del tuo catalogo prevede un'alberatura profonda, puoi attivare la visualizzazione orizzontale estesa per il terzo livello.
-
Requisito di attivazione: Questa opzione è selezionabile solo se il numero di livelli del menu è impostato esattamente a "3".
-
Effetto sul Front-end: Il terzo livello di navigazione (inteso come livello visibile sul menu, non necessariamente coincidente con la gerarchia assoluta del catalogo) non si svilupperà più in verticale, ma apparirà in modalità ampia e orizzontale.
-
Prerequisito fondamentale: Questa opzione va scelta ed attivata solo se sono state precedentemente caricate le immagini per ciascuna categoria interessata all'interno del campo specifico "Immagine per sezione sottocategorie". In mancanza di queste immagini, l'impatto grafico sul front-end risulterebbe incompleto.
Per approfondire la gestione avanzata delle immagini categorie e delle icone leggi questo articolo: Gestione avanzata delle immagini categoria
Menu Orizzontale
Si tratta di un layout ad alto impatto visivo che organizza le categorie in senso orizzontale, ideale per cataloghi che vogliono mostrare subito i reparti principali con una grafica pulita.
-
Gestione degli spazi: Se il numero di categorie eccede la larghezza della pagina, è possibile impostare il menu affinché vada "a capo" o permetta uno scorrimento laterale.
-
Importanza delle immagini: Come per il terzo livello ampio, per ottenere l'effetto grafico ottimale (con le icone/immagini sopra il nome della categoria), è fondamentale aver caricato le immagini per ciascuna categoria nel campo specifico "Immagine per sezione sottocategorie".
Inserimento di Elementi Singoli nel Menu
Un'altra importante funzionalità introdotta per garantire massima flessibilità è la possibilità di popolare i menu inserendo una voce singola mirata, senza dover necessariamente richiamare interi elenchi o alberature complesse.
Quando si configura il menu, è ora possibile aggiungere un singolo elemento a scelta tra:
-
Una singola Categoria del catalogo
-
Una singola Marca (Brand)
-
Una singola Pagina Personalizzata
-
Un singolo Articolo del blog interno
Questa opzione permette di creare scorciatoie di navigazione dirette nella testata del sito, utili ad esempio per mettere in evidenza un brand del momento, una pagina informativa strategica o l'ultimo articolo di approfondimento pubblicato sul blog.
Creazione di un Menu a Tendina Misto (voce principale personalizzata)
Oltre all'inserimento di singoli elementi diretti, questa gestione flessibile ti permette di creare un "Elemento Menu" che funga da "voce principale" per un intero sottomenu.
Questa opzione è utilissima per generare un menu a tendina personalizzato, raggruppando al suo interno un mix di elementi di diversa tipologia. Sotto un'unica voce principale potrai, ad esempio, inserire contemporaneamente:
- Una categoria del catalogo
- Una marca
- Una pagina personalizzata
- Una pagina standard o (es. Condizioni d'acquisto oppure le Offerte Speciali)
- Un articolo del blog
È la soluzione perfetta se desideri svincolarti dalle classiche alberature del catalogo e creare percorsi di navigazione ibridi, guidando l'utente verso contenuti eterogenei racchiusi in un unico spazio ordinato.
Come crearlo nel backend:
-
Clicca sul pulsante "Aggiungi menu a tendina".
-
Scrivi nell'etichetta il nome che vuoi dare alla voce principale (ad esempio, "Menu a Tendina Misto", "In evidenza", ecc.).
-
Aggiungi gli altri elementi singoli che desideri e trascinali sotto la voce principale appena creata per annidarli al suo interno.
Personalizzazione visiva: aggiungere le Icone alle voci di menu
Un'ulteriore funzionalità molto utile riguarda l'impatto visivo del tuo menu: per ogni singola voce è infatti possibile associare un'icona. Il sistema gestisce questa funzione in modo intelligente tramite un meccanismo di ereditarietà. Nello specifico, voci come Categorie, Marche, Pagine Personalizzate e Articoli del Blog ereditano automaticamente l'immagine se questa è già stata caricata in precedenza come "Icona per il menu di navigazione" nelle relative sezioni.
La flessibilità, in ogni caso, è totale: se desideri utilizzare un'immagine diversa da quella ereditata, ti basterà cliccare sull'icona del cestino per rimuoverla e procedere subito al caricamento di una nuova icona personalizzata.
NOTA BENE SULLA COMPATIBILITÀ DELL'EDITOR HOMEPAGE/ALTRE PAGINE:
L'Editor della Home Page / Altre Pagine è una prerogativa esclusiva dei template di nuova generazione come "Candy". Per i template più datati (come ad esempio Manhattan o Broadway), questo editor e le relative funzionalità di gestione centralizzata non sono disponibili.
Risoluzione Problemi: Cosa fare se le modifiche non si vedono sul Front-end?
In alcuni casi, dopo aver modificato o configurato i menu all'interno dell'Editor, potrebbe capitare che le novità non vengano applicate o visualizzate correttamente sul front-end del sito pubblico.
Questo problema si verifica quasi sempre quando vi sono delle difformità tra i file personalizzati del tuo e-shop e i file sorgente della piattaforma NewCart (situazione comune se il template ha subito modifiche strutturali o non viene aggiornato da tempo).
La Soluzione: Per risolvere rapidamente questo disallineamento, NewCart mette a disposizione uno strumento automatico che analizza lo stato dei file. È necessario utilizzare il tool di verifica delle difformità per allineare lo shop all'ultima versione stabile della piattaforma.
Trovi la guida passo-passo e l'accesso allo strumento direttamente in questo articolo del nostro blog: Nuovo tool per allineare il tuo template all'ultima versione
