Intestazione e Piè di Pagina

L'intestazione (header) del sito web è la sezione superiore di una pagina e solitamente contiene elementi come il logo, il menu, la barra di ricerca, il pulsante di accesso/account cliente, ecc. Il piè di pagina (footer) viene visualizzato nella parte inferiore di una pagina e di solito contiene informazioni come dati di contatto, link, note legali e altre opzioni.

Design dell'intestazione

Per modificare il design dell'intestazione, cliccare su Modifica, quindi cliccare sull'intestazione. Le seguenti opzioni sono disponibili nella sezione Intestazione della scheda Personalizza nell'editor del sito:

• Scegliere un Template dal menu a discesa
• Selezionare le impostazioni dello Sfondo per cambiare la palette dei colori attraverso diversi stili del tema, opzioni di Colore Personalizzato e opzioni di Sfumatura
• Quando si aggiunge un Bordo all'intestazione, è possibile definirne dimensione, stile e colore
• Adattare gli Angoli arrotondati per adattarsi al design
• Aggiungere un'Ombra e definirne Colore, Offset, Sfocatura e Estensione
• Aggiungere un Effetto di Scorrimento. Passare il mouse su un effetto per visualizzarne l'anteprima
• Scegliere la Posizione Intestazione tra Normale, Nascosta e Sopra il Contenuto. Quando è selezionato Sopra il Contenuto, è possibile personalizzare lo Sfondo e il Colore del Testo
• Mostrare o nascondere Elementi come testo, barra di ricerca, pulsante Accedi, link ai social media, pulsante Contattaci e logo

Per finalizzare le modifiche, cliccare su Salva.

Contenuto dell'intestazione

I menu organizzano il contenuto dell'intestazione e aiutano gli utenti a navigare efficacemente attraverso le pagine web. Menu user-friendly e ben strutturati svolgono anche un ruolo cruciale nel migliorare il posizionamento nei motori di ricerca.

Editor dei menu

L'editor dei menu consente di modificare l'intestazione del sito web e aggiungere voci di menu e mega menu.

Per modificare il contenuto dell'intestazione, andare in Sito Web → Sito → Editor Menu. Da lì, è possibile:

• Rinominare una voce di menu o modificarne l'URL usando l'icona Modifica Voce di Menu
• Eliminare una voce di menu usando l'icona Elimina Voce di Menu
• Spostare una voce di menu trascinandola nella posizione desiderata nel menu
• Creare un menu a discesa regolare trascinando le voci di sotto-menu a destra, sotto il loro menu padre

Aggiungere voci di menu

Per impostazione predefinita, le pagine vengono aggiunte al menu come voci di menu a discesa quando vengono create. Per aggiungere una nuova voce di menu, seguire questi passaggi:

1. Andare in Sito Web → Sito → Editor Menu
2. Nell'editor dei menu, cliccare su Aggiungi Voce di Menu
3. Nella finestra pop-up, inserire il Nome da visualizzare nel menu
4. Digitare / nel campo URL o Email per cercare una pagina sul sito o # per cercare un'ancora personalizzata esistente
5. Cliccare su OK
6. Modificare la struttura del menu se necessario, quindi cliccare su Salva

Design delle voci di menu

Per modificare le voci di menu, cliccare su Modifica, cliccare su una voce di menu, quindi andare alla sezione Barra di Navigazione dell'editor del sito. Le seguenti opzioni sono disponibili:

• Adattare l'Allineamento Mobile
• Scegliere il Font per le voci di menu
• Modificare dimensione, colore e allineamento del font nel campo Formato
• Selezionare uno Stile dei Link per evidenziare la pagina corrente nel menu
• Modificare lo stile dei pulsanti dell'intestazione
• Scegliere di visualizzare i Sotto Menu Al Passaggio del Mouse o Al Clic

Per finalizzare le modifiche, cliccare su Salva.

Mega menu

I mega menu sono simili ai menu a discesa, ma invece di un semplice elenco di sotto-menu, visualizzano un pannello diviso in gruppi di opzioni di navigazione. Questo li rende adatti a siti web con grandi quantità di contenuto o siti di e-commerce, poiché possono aiutare a includere tutte le pagine web o le categorie e-commerce nel menu mantenendo tutte le voci visibili contemporaneamente.

Per creare un mega menu, andare in Sito Web → Sito → Editor Menu e cliccare su Aggiungi Voce Mega Menu. Inserire il Nome del mega menu nel pop-up, cliccare su OK, quindi su Salva.

Per adattare le opzioni e il contenuto del mega menu, cliccare su una voce del mega menu nell'intestazione, quindi cliccare su Modifica. I mega menu sono composti da building block, il che significa che è possibile personalizzare ogni componente individualmente. Per esempio:

• Modificare il testo direttamente nel building block
• Modificare l'URL di una voce di menu selezionando la voce e cliccando sul pulsante Modifica link nel piccolo pop-up di anteprima. Digitare / per cercare una pagina sul sito o # per cercare un'ancora personalizzata esistente

• Spostare una voce di menu trascinando il blocco correlato nella posizione desiderata nel mega menu
• Eliminare una voce di menu eliminando il blocco correlato

Per adattare il layout generale del mega menu, andare alla scheda Personalizza dell'editor del sito, quindi, nella sezione Mega Menu:

• Scegliere un Template
• Selezionare la Dimensione: Larghezza Completa o Stretta

Per finalizzare le modifiche, cliccare su Salva.

Nascondere una voce di menu dinamica per utenti non autenticati

Per nascondere una voce di menu dinamica (cioè una voce di menu generata automaticamente da Laundry ERP, ad esempio quando si installa un'app o un modulo, come Eventi, Corsi, ecc.) per gli utenti non autenticati, seguire questi passaggi:

1. Abilitare la modalità sviluppatore
2. Andare in Sito Web → Configurazione → Menu
3. Espandere l'elenco dei menu per il sito web pertinente se necessario, quindi cliccare sulla voce di menu che si desidera nascondere
4. Nella sezione Gruppi Visibili, cliccare su Aggiungi una riga sotto Nome Gruppo
5. Cercare il gruppo Tipi di utente / Portale, selezionarlo, quindi cliccare su Seleziona
6. Salvare

Design del piè di pagina

Per modificare il piè di pagina, cliccare su Modifica, cliccare sul piè di pagina e, nella sezione Piè di Pagina della scheda Personalizza nell'editor del sito:

• Selezionare un Template
• Scegliere i suoi Colori
• Scegliere un Effetto di Scorrimento: Normale (cioè nessun effetto), Scorrimento al Passaggio del Mouse o Ombra
• Attivare/disattivare l'interruttore Copyright per nascondere o mostrare il copyright
• Scegliere la dimensione del Bordo
• Aggiungere un'Ombra
• Aggiungere un Pulsante Torna Su e scegliere la sua posizione
• Nascondere o mostrare il piè di pagina attivando/disattivando l'interruttore Visibilità Pagina

Per finalizzare le modifiche, cliccare su Salva.