Come gestire la navigazione utilizzando il nuovo Editor di Menu

Che cos'è l'Editor del Menu?

L'Editor del Menu è ora disponibile per gli Amministratori di SmartHub tramite la nuova sezione "Gestisci il mio Programma" in Reward Manager (Portale di Amministrazione).

L'Editor ti permette di apportare modifiche alla barra di navigazione che appare nella parte superiore della piattaforma del tuo Programma.

Come si usa l'Editor del Menu?

L'Editor del Menu è composto da 3 sezioni principali: l'anteprima del menu, il layout del menu e la sezione aggiungi/modifica voce del menu.

Gli elementi che includono un simbolo ⋁ sul lato destro contengono sottoelementi. Questo significa che hanno più elementi annidati sotto di loro. Avrai un massimo di 3 livelli di voci di menu.

Per iniziare a modificare il menu, clicca su una qualsiasi delle voci di menu disponibili o sul pulsante "Aggiungi voce di menu".

La voce Home non può essere modificata.

Come si aggiunge una nuova voce di menu?

Quando clicchi sul pulsante "Aggiungi voce di menu", apparirà un elenco di tutte le tue voci disponibili sul lato sinistro. L'elenco include anche Voci Personalizzate e Menu Personalizzati, che sono completamente personalizzabili e possono essere utilizzati per includere qualsiasi voce di menu al di fuori di quelle nella tua lista, o per raggruppare le tue voci di menu. Puoi chiudere (x) la sezione Aggiungi voce di menu in qualsiasi momento.

Se hai cliccato su una voce specifica che già esiste nel tuo menu, la nuova voce di menu verrà posizionata sotto di essa. Se non è stata selezionata alcuna voce, la tua aggiunta apparirà in fondo al layout del menu.

Nota: Per garantire un'esperienza di navigazione ottimale per i tuoi utenti, puoi aggiungere un massimo di 11 voci nel tuo menu.

Come si aggiunge una nuova voce di sottomenu o sotto-sottomenu?

Nello stesso modo! Se clicchi su una voce di menu che può avere voci di sottomenu, apparirà l'opzione per aggiungere una voce di sottomenu.

E se clicchi su una voce di sottomenu che può avere voci di sotto-sottomenu, apparirà l'opzione per aggiungere una voce di sotto-sottomenu

NB! Se vuoi aggiungere una voce/menu che deve essere segmentata sulla barra di navigazione, devi aggiungerla dalle voci esistenti elencate.

Se la aggiungi come Voce/Menu Personalizzata, la segmentazione non sarà riflessa sulla barra di navigazione e quella voce/menu sarà visibile a tutti i membri.

Come si modifica una voce?

Quando selezioni una voce, questa verrà evidenziata e si aprirà l'Editor del Menu. Lì, a seconda che la voce sia un menu, un sottomenu o un sotto-sottomenu, puoi modificare il nome della voce, come si comporta quando viene cliccata, l'url/link e come appare nel menu del tuo Programma (dropdown o megamenu)

Nota: Con l'eccezione delle voci e dei menu personalizzati, alcune voci avranno più opzioni di altre, o alcune opzioni saranno disabilitate. Questo vale per le Voci di Sistema come Sconti, Blog ecc.

Gli elementi del menu, del sottomenu e del sotto-sottomenu richiedono un Nome e un url/Link, la descrizione è facoltativa solo per gli elementi del menu e apparirà anche nella tua Navigazione del Programma.

Quando modifichi un elemento, l'opzione di annidamento e non annidamento apparirà per gli elementi idonei, questo è un altro modo per creare elementi di sottomenu e sotto-sottomenu. L'elemento sarà annidato sull'elemento sopra di esso.

Come si elimina un elemento?

Per eliminare un elemento del menu, tutto ciò che devi fare è selezionarlo e fare clic sul pulsante Elimina.

Nota: Gli elementi del menu di sistema saranno disponibili nella tua sezione Aggiungi elemento del menu dopo l'eliminazione. Tuttavia, qualsiasi elemento personalizzato e menu personalizzato andrà perso una volta eliminato e dovrà essere aggiunto e modificato di nuovo!

Come si sposta un elemento?

Puoi facilmente spostare un elemento su o giù selezionandolo e utilizzando i pulsanti freccia verdi su e giù. Un clic del pulsante freccia sposterà l'elemento del menu selezionato di una posizione.

Non dimenticare che puoi anche utilizzare i pulsanti di annidamento e non annidamento dopo aver selezionato un elemento specifico.

Come si utilizza l'Anteprima del Menu?

L'anteprima del menu offre una rappresentazione utile di come apparirà la Navigazione del Programma ai tuoi Utenti del Programma dopo che le modifiche sono state salvate, quindi non è necessario tenere aperta una pagina separata per controllare le modifiche. Si aggiorna in tempo reale mentre stai modificando.

Attivare e disattivare il Toggle Risparmio Utente aggiorna anche l'anteprima istantaneamente e mostra o nasconde le informazioni di risparmio all'utente.

Nota: Ricorda che la piattaforma del tuo Programma apparirà diversa a utenti diversi, a seconda delle dimensioni dello schermo, della risoluzione e delle dimensioni della finestra del loro browser.

Inoltre, gli elementi segmentati appariranno solo per gli utenti inclusi in questi segmenti.

Quindi, mentre l'anteprima include tutto, non è un'immagine speculare di ciò che vedrà ogni utente!

E come salvo le mie modifiche?

Tutto ciò che devi fare è premere il pulsante Pubblica in alto o in basso sullo schermo. Riceverai un messaggio di conferma nella parte superiore dello schermo quando le modifiche sono state effettuate con successo o un avviso che le modifiche non sono state salvate.

Alcune Best Practices quando si utilizza il nuovo Editor del Menu

• Non fare tutte le modifiche in una volta! Lento e costante è meglio, procedi a piccoli passi o modifica solo pochi elementi del menu alla volta.
• Non aggiungere troppi elementi del menu, sotto-elementi e sotto-sotto-elementi. Ci sono più modi a tua disposizione per navigare i tuoi utenti.
• Ma ricorda che gli elementi segmentati appariranno solo agli utenti nel segmento! Tuttavia, l'anteprima ti mostrerà tutto.
• Fai in modo che i nomi e le descrizioni degli elementi del menu siano brevi e concisi! Questo aiuterà i tuoi utenti a navigare più facilmente e migliorerà l'aspetto generale.
• Se qualcosa va storto, non preoccuparti! Puoi sempre modificare di nuovo lo stesso elemento.