La Copertina (hero) è un grande banner con un'immagine o un video dietro il testo e i pulsanti. Si trova nella home page ed è spesso la prima cosa che i clienti vedono.
Aggiungere una copertina
- Apri il builder e scegli Home Page nella scheda Pagine.
- Nella scheda Sezioni, fai clic su Aggiungi nuova sezione e scegli Copertina nel gruppo Contenuto.
- Scegli i media, scrivi il testo e fai clic su Pubblica.
La copertina è disponibile solo nella home page, e puoi aggiungerne una per pagina. Per spostarla, copiarla o nasconderla, vedi Sezioni e blocchi
Media e altezza
- Modalità: Singolo mostra un'immagine o un video. Diviso ne mostra due, impostati in Media 1 e Media 2. Stanno affiancati quando la Direzione del contenuto è Verticale, e uno sopra l'altro quando è Orizzontale. Sui telefoni sono sempre impilati.
- Media 1 e Media 2: un'immagine o un video dalla libreria multimediale. Un video viene riprodotto senza audio, in loop, come sfondo in movimento.
- Altezza: Piccolo, Medio, Grande, Schermo intero (riempie lo schermo), Immagine (segue la forma della prima immagine, quindi nulla viene tagliato) o Personalizzato. Con Personalizzato, Altezza personalizzata imposta l'altezza come parte dell'altezza dello schermo. Le nuove copertine partono con Immagine.
Testo e pulsanti sopra
Seleziona la copertina e fai clic su Aggiungi nuovo blocco per aggiungere contenuti sopra i media: fino a 2 blocchi Testo, 2 Pulsante, 2 Gruppo e 2 Separatore. Le loro impostazioni sono in Blocchi Gruppo, Testo, Pulsante e Separatore: come funzionano le impostazioni dei componenti di layout?
In Layout posizioni questo contenuto:
- Direzione: Verticale impila i blocchi, Orizzontale li affianca. Con Orizzontale, Impila verticalmente su mobile li impila sui telefoni.
- Posizione e Allineamento: spostano il contenuto in alto o in basso e a sinistra o a destra, per esempio in basso a sinistra o al centro. Spazio tra distanzia i blocchi.
- Larghezza del contenuto: Pagina tiene il contenuto dentro la larghezza della pagina, Completo lo lascia arrivare ai bordi dello schermo. I media riempiono sempre tutta la larghezza.
Spazio (in Spaziatura) imposta lo spazio tra i blocchi, e Spaziatura interna lo spazio intorno a loro.
Colori e sovrapposizione
- Schema di colori: i colori del testo e dei pulsanti della copertina. Vedi Schemi di colori.
- Sovrapposizione del media: aggiunge uno strato di colore sopra i media per rendere il testo più leggibile. Poi imposta Colore di sovrapposizione e Stile di sovrapposizione: Solido copre i media in modo uniforme, Sfumatura fa svanire il colore. Direzione della sfumatura (Su o Giù) imposta il verso in cui svanisce.
La scheda CSS personalizzato ti permette di aggiungere il tuo CSS solo a questa copertina.
Operazioni comuni
- Header sopra la copertina: attiva Intestazione trasparente nelle impostazioni dell'header. Funziona solo quando la copertina è subito sotto l'header. Vedi Impostazioni dell'header.
- Titolo e pulsante centrati: Direzione Verticale, poi Posizione e Allineamento su Centro.
- Testo bianco su una foto chiara: attiva Sovrapposizione del media con un Colore di sovrapposizione scuro e lo stile Sfumatura.
Da sapere
- Se il video della copertina non si muove, controlla Riproduzione automatica video nella scheda Automazioni delle impostazioni. Quando è disattivata, i video di sfondo restano fermi. Vedi Impostazioni delle automazioni.
- Se la dimensione della prima immagine non è nota, l'altezza Immagine usa invece Medio.
- Ti serve un banner in un'altra pagina? La copertina è solo per la home, ma la sezione Immagine funziona in qualsiasi pagina. Vedi Sezioni Testo, Immagine e Separatore.