Come personalizzare l'intestazione del mio sito

L’intestazione è la barra di navigazione principale del tuo sito. Svolge un ruolo chiave nell’evidenziare le pagine o le sezioni più importanti del tuo sito web, rendendole facilmente accessibili ai visitatori.

In questo breve tutorial imparerai a personalizzare l’intestazione.

Come personalizzare il contenuto dell’intestazione

1. Vai su Site Admin > Website Builder e clicca sul pulsante Modifica sito web.

1. Clicca sullo sfondo dell’intestazione (non sul logo né sul menu di navigazione) e a destra apparirà il menu Modifica intestazione. Da lì, puoi personalizzare diversi elementi e impostazioni all’interno dell’area dell’intestazione.

Nella scheda Generale, puoi personalizzare le seguenti impostazioni:

• Formattazione dell’intestazione: scegli una delle opzioni di layout dell’intestazione disponibili. Centro, Sinistra e Destra controllano solo la posizione del menu di navigazione, mentre Logo in alto posiziona il logo sopra il menu di navigazione. Se hai un piano Ecommerce, vedrai anche l’opzione di layout Ricerca in evidenza, che mostra una barra di ricerca ben visibile nell’intestazione.
• Intestazione fissa: attiva l’opzione Rendi l’intestazione fissa per mantenerla fissa nella parte superiore della pagina mentre i visitatori scorrono.
• Favicon: carica la tua favicon per visualizzare l’icona del tuo brand nelle schede del browser e nei segnalibri.

Per personalizzare i componenti visualizzati nell’intestazione, seleziona la scheda Componenti. Puoi attivare o disattivare:

• Mostra barra superiore per visualizzare una barra sopra l’intestazione in cui è possibile inserire annunci, diverse call to action e icone social.
• Mostra logo per decidere se visualizzare o meno il logo.
• Mostra icona di ricerca per visualizzare un’icona di ricerca nell’intestazione, consentendo ai visitatori di cercare rapidamente sul sito.
• Nascondi lista dei desideri vuota per nascondere automaticamente l’icona della lista dei desideri quando non sono stati aggiunti articoli.
• Nascondi carrello vuoto per nascondere automaticamente l’icona del carrello quando non sono stati aggiunti articoli.
• Mostra account per visualizzare l’icona dell’account/login nell’intestazione, consentendo ai clienti di accedere al proprio account.

Per personalizzare il colore dell’intestazione, seleziona la scheda Design e scegli uno dei colori predefiniti della tavolozza.

Puoi anche attivare/disattivare l’opzione Intestazione trasparente per rendere trasparente lo sfondo dell’intestazione, consentendo alla sezione principale o al contenuto superiore di essere visibile attraverso di esso.

Nota: il colore del testo si adatterà automaticamente al nuovo colore di sfondo. Questo perché vengono utilizzate combinazioni predefinite di colori per testo e sfondo al fine di garantire un contrasto adeguato e rispettare gli standard di accessibilità. È possibile modificare la palette dei colori predefinita in Stili > Colori.

Come personalizzare il logo dell’intestazione

1. Seleziona il logo. Si aprirà un menu con le impostazioni del logo, dove potrai:

• Scegliere se visualizzare il logo come immagine o come testo.
• Se scegli di visualizzarlo come immagine, puoi caricare il logo del tuo sito web e regolarne le dimensioni.
• In alternativa, puoi scegliere di visualizzarlo come testo, specificando il titolo del sito, lo stile del font e le dimensioni del logo.

Come personalizzare il menu di navigazione dell’intestazione

1. Per modificare il tipo di menu, clicca sullo sfondo del menu (non sul logo o sull’intestazione) e verrà visualizzata la finestra a comparsa Modifica tipo di menu. Qui puoi scegliere tra un Mega Menu, che occupa l’intera larghezza dello schermo, o un Menu a tendina, che visualizza un semplice menu a tendina sotto la voce selezionata. Puoi anche attivare o disattivare Mostra icona di espansione del menu per visualizzare una freccia sulle voci che dispongono di un menu a tendina.
   

   

2. Per gestire il contenuto del menu del tuo sito, apri la scheda Navigazione selezionando Nav dal menu a sinistra. Qui puoi aggiungere, modificare o eliminare voci di menu, riordinarle trascinandole e rilasciandole, e annidarle fino a tre livelli per creare menu a tendina.
3. Per aggiungere una nuova voce di menu, clicca sul pulsante + AGGIUNGI ELEMENTO.
   

   

4. Per aggiungere l’elemento all’intestazione, seleziona Intestazione nel menu a tendina Posizione.
   

   

5. Seleziona un tipo di link dal menu a tendina. Puoi scegliere tra Pagina, Collegamento esterno, Etichetta, Prodotto, Categoria o Marchio.

6. Scrivi l’etichetta del menu che apparirà nell’intestazione del menu.
7. Conferma la modifica cliccando su Salva.
8. Puoi anche eliminare le voci dall’elenco delle voci di menu nella barra di navigazione. Per eliminare una voce di menu, posiziona il cursore del mouse su di essa, seleziona ⋮ e poi Elimina. Nella finestra a comparsa che si apre, clicca su Conferma.
   

   

9. È possibile riorganizzare le voci del menu trascinandole e rilasciandole nella posizione desiderata. È anche possibile annidare le voci fino a tre livelli di profondità per creare menu a tendina e organizzare meglio la navigazione.
   

   

Come personalizzare l’intestazione in SiteGround Ecommerce

Come personalizzare il contenuto dell’intestazione

1. Accedi a Site Admin del tuo Ecommerce SiteGround e premi Modifica sito web.
2. Apri la scheda Pagine, vai a Modelli di sito e clicca su Intestazione.
   

   

3. Qui, puoi scegliere il tipo di menu, allineamento del menu, layout, logo e favicon.
   

   

Come personalizzare i colori dell’intestazione

1. All’interno del builder del tuo negozio, apri la scheda Pagine e seleziona Intestazione dalle Modelli di sito.
   

   

2. Scorri fino alla sezione Colore dell’intestazione, dove puoi selezionare uno dei colori preimpostati per l’intestazione.
   

   

Come personalizzare il menu dell’intestazione

1. All’interno del builder, vai alla scheda Menu.
2. Per aggiungere un nuovo elemento, clicca sul pulsante Nuovo elemento.
   

   

3. Per assicurarti che l’elemento sia aggiunto all’intestazione, seleziona Menu principale dal menu a discesa Ubicazione.
   

   

4. Seleziona il tipo di elemento che stai aggiungendo dal menu a discesa Tipo di collegamento. Puoi scegliere tra Pagina, Link esterno, Prodotto singolo, Categoria, Brand e Etichetta.
   

   

5. Se hai selezionato Pagina, Prodotto, Categoria o Brand, puoi scegliere uno degli elementi esistenti nel rispettivo tipo di link.
6. In Nome, digita il nome che apparirà nell’intestazione.
7. Infine, premi Aggiungi articolo.
   

   

8. Per eliminare un link dall’intestazione, torna all’elenco Navigazione principale, passa il mouse sull’elemento scelto e premi l’icona Cestino (Elimina). Si aprirà una nuova finestra in cui devi selezionare Conferma.
   

   

9. Puoi anche cambiare l’ordine dei link dell’intestazione. Per farlo, trascina l’elemento scelto e rilascialo nella posizione preferita.