Un banner stretto sopra l'intestazione viene visualizzato su tutte le pagine del sito e aiuta ad attirare ulteriormente l'attenzione su promozioni, vendite e altre informazioni importanti.
Esempi di banner sopra l'intestazione del sito
Come aggiungere un banner sopra l'intestazione
Andare su Sito web → Banner e fare clic su Aggiungere.
Nel campo Pagina, selezionare Tutte le pagine.
Impostare il contenuto del banner, quindi fare clic su Salvare.
Caratteristiche di alcune impostazioni
Immagine — un'immagine per lo sfondo, posizionata al centro del banner, ritagliata su schermi stretti.
Testo — testo del banner, supporta HTML e CSS.
Altezza — l'altezza del banner: 30, 40 o 50 pixel. Nella versione mobile, l'altezza viene aumentata automaticamente se il testo del banner non si adatta a una riga — per questo è necessario caricare un'immagine di sfondo di altezza extra.
Mostra il banner su — mostra il banner solo sulla versione desktop, solo sulla versione mobile o ovunque. Utilizzare questa impostazione per creare due banner diversi per ogni versione del sito.
Visualizzare il pulsante di chiusura — se abilitato, il visitatore del sito potrà nascondere il banner, dopodiché non apparirà più.
Banner sulla versione mobile
Nella versione mobile, il banner viene visualizzato sotto l'intestazione: rimane visibile e l'intestazione non si sposta dalla sua posizione abituale sullo schermo. Questo è importante per un uso confortevole del sito.
Quando si progetta un banner, assicurarsi che sia chiaro e leggibile sulla versione mobile. Vi consigliamo diverse opzioni per risolvere questo problema.
1. Impostare il contenuto del banner come testo. Nella versione mobile, il testo non verrà tagliato, ma spostato su una nuova riga. Allo stesso tempo, il banner può aumentare in altezza se l'immagine di sfondo viene caricata con un margine.
2. Progettate il layout in modo che il contenuto importante si adatti alla larghezza dello schermo dello smartphone. L'immagine verrà ritagliata su entrambi i lati, ma il contenuto rimarrà leggibile.
3. Creare un banner separato per la versione mobile. Nelle impostazioni di questo banner, specificare che deve essere visualizzato solo sulla versione mobile, mentre il banner originale deve essere visualizzato solo sul desktop (impostazione Mostra il banner su).
L'ordine di visualizzazione dei banner
Sopra l'intestazione può essere visualizzato un solo banner, quello che si trova più in alto nell'elenco della sezione Sito web → Banner del pannello di amministrazione.
Tuttavia, se il primo banner prioritario ha un pulsante di chiusura abilitato, dopo che questo banner è stato nascosto, il visitatore del sito vedrà quello successivo (dopo aver ricaricato la pagina o essere passato a un'altra pagina).
