Come aggiungere un'immagine di sfondo a un modello o a una sezione email
Imparerai
Impari a stratificare il testo, le immagini e altri contenuti delle e-mail sulle immagini di sfondo. Può aggiungere un'immagine di sfondo a un'intera e-mail o a una singola sezione. Utilizzando questa funzione, può sovrapporre un'immagine ad un'altra, oppure aggiungere un pulsante o un testo in cima ad un'immagine.
Informazioni sulle immagini di sfondo
Può aggiungere un'immagine di sfondo dietro un intero modello e-mail o dietro una sezione specifica del modello. Gli sfondi dei modelli vengono aggiunti utilizzando la scheda Stili del modello e generalmente coprono l'intera larghezza e altezza dell'e-mail.
Gli sfondi delle sezioni, tuttavia, sono isolati in aree specifiche dell'e-mail. Le consentono di creare immagini e inviti all'azione dinamici e accattivanti. Può anche includere più inviti all'azione in un'unica immagine (ad esempio, "Acquisti scarpe" e "Acquisti accessori"). Queste immagini di sfondo specifiche per la sezione possono essere aggiunte attraverso la scheda Stili di una sezione.
L'utilizzo di un'immagine di sfondo con testo e altri contenuti sovrapposti può aumentare l'accessibilità della sua e-mail, rispetto all'inserimento di un'immagine singola contenente testo. Se il suo messaggio contiene principalmente immagini e poco testo, i destinatari che utilizzano screen reader e altri dispositivi di accessibilità che non visualizzano le immagini si basano sul testo alt per comprendere il contenuto del messaggio.
Inoltre, i destinatari che utilizzano caselle di posta elettronica in chiaro o che hanno impostato le loro caselle di posta elettronica per nascondere le immagini per impostazione predefinita, non saranno in grado di comprendere facilmente il suo messaggio. Quando utilizza blocchi di testo standard con un'immagine dietro, è più facile per i destinatari con esigenze di accessibilità o dispositivi alternativi comprendere il suo messaggio.
Selezione di immagini di sfondo
Quando seleziona un'immagine da utilizzare come sfondo di una sezione o di un modello, scelga un'immagine con una risoluzione sufficientemente alta da apparire nitida e professionale nella casella di posta. Si assicuri però di non utilizzare un file inutilmente grande, in quanto ciò può causare tempi di caricamento lenti per le sue e-mail. In generale, utilizzi immagini di 1MB o più piccole come sfondi delle sezioni.
Imposta l'immagine di sfondo di una sezione
Una volta scelta l'immagine da utilizzare, aggiunga una nuova sezione al suo modello e-mail.
- Nella scheda Stili della sezione, individui la sezione Sfondo.
- Clicca su + per aggiungere un'immagine.
- Clicca su Sfoglia libreria immagini, quindi carica la tua immagine.
- Una volta creata l'immagine di sfondo, aggiunga il contenuto alla sezione. Può aggiungere qualsiasi tipo di blocco (ad esempio, blocco testo, blocco pulsante, blocco tabella) e qualsiasi numero di blocchi alla sua sezione.
Dopo aver impostato un'immagine di sfondo, scelga anche un colore di sfondo. Questo colore apparirà se l'immagine di sfondo non è in grado di caricarsi per qualsiasi motivo.
- Apra la scheda Stili della sezione.
- Attiva il colore della sezione.
- Scelga un colore che si avvicini molto al colore dell'immagine che ha scelto.
Opzioni di stile dello sfondo della sezione
Per scegliere se l'immagine occupa l'intera larghezza della sua email o se è contenuta nel contenuto dell'email, scelga tra Contenuto o Sezione nell'impostazione Visualizza su.
Nella sezione Formato, scelga tra le seguenti opzioni:
- Dimensione originale
La sua immagine sarà visualizzata nella sua dimensione originale e non sarà vincolata in alcun modo. - In forma
La sua immagine si adatterà interamente all'area della sezione e potrebbe esporre il colore di sfondo sottostante se non ha le dimensioni esatte dell'area della sezione. - Riempimento
La sua immagine riempirà completamente l'area della sezione e una parte dell'immagine potrebbe essere ritagliata. - Piastrella
L'immagine si ripeterà per riempire l'intera area della sezione, e può selezionare la dimensione della piastrella per scegliere la scala.
Imposta un'immagine di sfondo del modello
Per aggiungere un'immagine di sfondo a un modello e-mail:
- Si rechi nella scheda Stili del modello.
- Clicca su + per aggiungere un'immagine.
- Scelga un'immagine dalla sua libreria di immagini o ne carichi una nuova.
Una volta aggiunta la sua immagine, può cambiare il modo in cui è posizionata e se deve o meno ripetersi (o piastrellarsi) orizzontalmente e verticalmente.
Le immagini impostate come sfondo di un modello possono coprire l'intera larghezza dell'area del modello. Potrebbe voler impostare un colore di sfondo del modello in una tonalità simile a quella della sua immagine, in quanto il colore di sfondo potrebbe essere visualizzato durante il caricamento dell'immagine o se un destinatario ha disattivato le immagini nelle e-mail.
Supporto della posta in arrivo per le immagini di sfondo
Sebbene la maggior parte delle caselle di posta elettronica supporti le immagini di sfondo, ci sono alcune situazioni in cui potrebbero non essere visualizzate. In questi scenari, verrà visualizzato invece il colore di sfondo.
Le seguenti caselle di posta elettronica non supportano le immagini di sfondo:
- Outlook per Windows
- Yahoo! Mail (supporto parziale)
- AOL (supporto parziale)
Inoltre, se un destinatario ha un accesso a Internet limitato o lento, l'immagine di sfondo potrebbe caricarsi lentamente o non caricarsi affatto, rivelando invece il colore di sfondo.
Risorse aggiuntive
- Informazioni sulle migliori pratiche per le immagini delle e-mail
Scopra le migliori pratiche per l'utilizzo delle immagini nelle e-mail di Klaviyo, comprese le raccomandazioni sulle dimensioni e le modalità di aggiunta delle immagini.
- Le migliori pratiche di design delle e-mail in modalità scura
Scopra la modalità scura, un'impostazione del dispositivo che alcuni utenti attivano per oscurare i loro display. Questa impostazione influisce sulla modalità di visualizzazione delle e-mail. La modalità scura è un'impostazione dell'utente finale che viene selezionata a livello di dispositivo e Klaviyo non ha il controllo diretto su come la modalità scura viene implementata su ogni dispositivo.
- Codifica degli sfondi delle e-mail HTML