Lo sfondo di una sezione definisce il tono della pagina, indirizza l'attenzione e influenza le sensazioni dei visitatori durante lo scorrimento. Progetta le sezioni in linea con il brand del sito e perfeziona ogni dettaglio: scegli un colore a tinta unita, un'immagine o un video dalla libreria e applica effetti discreti per dare profondità.
Cambiare lo sfondo della sezione
Cambia lo sfondo della sezione per modificare immediatamente l'aspetto e lo stile della pagina. Scegli un colore, un'immagine o un video che rispecchi il tuo stile e attiri l'attenzione.
Per cambiare lo sfondo della sezione:
- Vai all'Editor.
- Seleziona la sezione pertinente.
- Clicca su Sostituisci sfondo.
- Scegli il tipo di sfondo e personalizzalo in base alle tue esigenze:
Clicca sull'icona Colore 
.
Clicca sul cerchio del colore.
(Nel Selettore colori) Scegli uno dei colori del brand o un colore personalizzato.
Suggerimento: clicca sull'icona Contagocce 
per acquisire un colore specifico dalla pagina.
Clicca sull'icona Immagine 
.
Clicca sull'icona Aggiungi immagine 
.
(Nel Gestore media) Seleziona un'immagine o caricala direttamente.
Clicca su Aggiungi alla pagina per confermare.
Regola le seguenti impostazioni:
Punto focale: trascina il punto blu sull'immagine per scegliere quale parte dell'immagine mostrare.
Opacità immagine: trascina il cursore per aumentare o ridurre la visibilità dell'immagine.
Modalità di fusione: scegli come fondere l'immagine con il livello sottostante (il colore dietro l'immagine). L'impostazione predefinita è Normale, che non applica alcuna fusione tra l'immagine e il colore scelti: il colore appare solo se l'opacità dell'immagine è inferiore al 100%.
Colore dietro l'immagine: seleziona il colore che appare dietro l'immagine di sfondo se l'opacità dell'immagine è inferiore al 100%.
Impostazioni 
: clicca sull'icona per scegliere come ridimensionare l'immagine affinché si adatti alla sezione (Espandi contenitore, Affianca o Dimensioni originali) e aggiungi un alt text per renderla accessibile.
Nota: se l'immagine non include informazioni importanti per gli screen reader e i motori di ricerca, abilita l'interruttore Imposta come decorativa anziché inserire un alt text.
Suggerimenti:
Puoi sempre cliccare su Sostituisci immagine per selezionare un'altra immagine di sfondo. Per rimuovere completamente l'immagine, clicca sull'icona Rimuovi 
.
Vuoi ritoccare l'immagine? Clicca sull'icona Modifica 
per accedere a Wix Photo Studio.
Clicca sull'icona Video 
.
Clicca sull'icona Aggiungi video .
(Nel Gestore media) Seleziona un video o caricalo direttamente.
Clicca su Aggiungi alla pagina per confermare.
Regola le seguenti impostazioni:
Punto focale: trascina il punto blu sul video per scegliere quale parte del video mostrare.
Opacità video: trascina il cursore per aumentare o ridurre la visibilità del video.
Modalità di fusione: scegli come fondere il video con il livello sottostante (il colore dietro il video). L'impostazione predefinita è Normale, che non applica alcuna fusione tra il video e il colore scelti: il colore appare solo se l'opacità del video è inferiore al 100%.
Colore dietro il video: seleziona il colore che appare dietro il video di sfondo. Questo colore è visibile solo se l'opacità del video è inferiore al 100%.
Impostazioni : clicca sull'icona per regolare la riproduzione del video (es. autoplay, riproduzione in loop, qualità, velocità ecc.). Puoi anche aggiungere al video un titolo accessibile (alt text).
(Facoltativo) Vedi in anteprima lo sfondo video cliccando sull'icona Riproduci 
.
Suggerimento: puoi sempre cliccare su Sostituisci video in alto per selezionare un altro video di sfondo. Per rimuovere completamente il video, clicca sull'icona Rimuovi .
Animare lo sfondo della sezione
Dai vita alla tua sezione aggiungendo un'animazione di scorrimento allo sfondo. Quando i visitatori scorrono la pagina verso l'alto o verso il basso, l'animazione crea un effetto dinamico e coinvolgente. Prova opzioni come Parallasse, 3D o Zoom e regola le impostazioni in base al tuo stile.
Animare lo sfondo della sezione:
Vai all'Editor
Seleziona la sezione pertinente
Clicca sull'icona Animazione 
Seleziona un'animazione
(Facoltativo) Clicca su Personalizza per perfezionare le impostazioni dell'animazione:
Anteprima durante lo scorrimento: clicca sull'icona Anteprima 
per vedere come viene riprodotta l'animazione mentre i visitatori scorrono la pagina
Zoom: trascina il cursore per regolare il livello di ingrandimento o riduzione
Direzione: regola la direzione dell'animazione utilizzando le opzioni disponibili (es. in senso orario o antiorario, in entrata o in uscita ecc.)
Velocità: trascina il cursore per aumentare o diminuire la velocità dell'animazione
Scala: trascina il cursore per stabilire quanto deve allontanarsi lo sfondo
Angolo: imposta l'angolo di rotazione dell'animazione
Allunga: imposta la profondità e l'effetto 3D dell'animazione
Tipo di animazione: scegli se mostrare o nascondere gradualmente l'animazione
.
, Radiale 
, Conica 
o Fluida 
.