Come usare?
Un FAB (Floating Action Button) è un menu semplice che galleggia sempre in fondo allo schermo, tipicamente usato per supporto. I FAB offrono spesso strumenti di chat come WhatsApp, messaggistica, email, così come link a risorse di supporto e canali social per promuovere il tuo sito web.
Vantaggi principali:
- Semplice, solitamente usato per supporto.
- Può essere usato per raggruppare pulsanti galleggianti di altre app o per attivare un Slide Menu.
- Colloca 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 SEO
FAQ:
1. Non ho deciso se usare 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+ 😄. La cosa 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 anche 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ù?
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:
Supporto
- Banner
- Chatta con noi (Visualizzato come Gruppo)
- Whats App
- Telegram
- Facebook Messager
- ...
Questo è un albero del menu a 2 livelli. Puoi creare fino a 3 livelli su un FAB a seconda della tua creatività; tuttavia, per semplicità, 2 livelli sono solitamente la scelta ottimale.
Trascorrerai la maggior parte del tuo tempo a costruire questo albero del menu per il tuo sito web, aiutando i clienti a trovare il contenuto che cercano.
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 raccomandato 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 (Raccomandata): 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.
Passo 2: (Shopify) Pubblica il menu sul tuo sito web.
2.1. Attiva Navi+ sugli App Embeds
Passo 1: Fai clic su Negozio online, quindi fai clic su Temi. Suggerimenti: Fai clic con il tasto destro su Negozio online e seleziona “Apri link in una nuova scheda” per risparmiare tempo.
Passo 2: Seleziona il tema in cui desideri pubblicare il menu. Fai clic: Personalizza
- Se il tuo sito web è nuovo e non ha ancora utenti, sentiti libero di pubblicare il menu senza preoccupazioni: puoi attivarlo o disattivarlo facilmente in qualsiasi momento senza influenzare i visitatori.
- Se il tuo sito web ha già un traffico regolare, sii più cauto. La prassi migliore è creare un Tema duplicato e testare Navi+ su quella versione prima.
Passo 3: Vai su App embeds, trova “Navi+ su tutte le pagine” e attivalo.
Passo 4: Non dimenticare di fare clic su “Salva” per applicare le modifiche.
Dopo questi 4 passaggi, Navi+ è stato installato sul tuo sito web ed è pronto per essere visualizzato. Tuttavia, il processo non è ancora completo. Torna alla scheda dell’app Navi+ per attivare effettivamente Pubblica Menu.
2.2. Seleziona le impostazioni di visualizzazione e pubblica il menu.
Passo 1: Fai clic sul pulsante Pubblica sul sito web.
Passo 2: Scegli le impostazioni di visualizzazione e poi PUBBLICA IL MENU.
