Come aggiungere un'immagine di sfondo a un modello o a una sezione email

Tempo di lettura stimato 4 in minuti
|
Ultimo aggiornamento: 18 ott 2024, 12:27 EST
Imparerai

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 

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. 

Immagine di sfondo del modello

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. 

Impostazioni dell'immagine di sfondo della 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 

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 

Imposta l'immagine di sfondo di una sezione 

Una volta scelta l'immagine da utilizzare, aggiunga una nuova sezione al suo modello e-mail.

  1. Nella scheda Stili della sezione, individui la sezione Sfondo.
  2. Attiva l'immagine.
  3. Clicchi su Sfoglia libreria immagini, quindi carichi la sua immagine.
    Aggiungere l'immagine di sfondo della sezione
  4. 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. 

  1. Apra la scheda Stili della sezione.
  2. Attiva il colore della sezione.
  3. Scelga un colore che si avvicini molto al colore dell'immagine che ha scelto. 
Opzioni di stile dello sfondo della sezione

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 

Imposta un'immagine di sfondo del modello 

Per aggiungere un'immagine di sfondo a un modello e-mail:

  1. Si rechi nella scheda Stili del modello.
  2. Attiva l'impostazione Immagine di sfondo.
    Sfondo del modello da alternare
  3. 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

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

Risorse aggiuntive

Questo articolo è stato utile?
Usa questo modulo solo per il feedback sull'articolo. Scopri come contattare l'assistenza.

Esplora altri contenuti di Klaviyo

Community
Connettiti con altre aziende simili, partner ed esperti di Klaviyo per trovare ispirazione, condividere approfondimenti e ottenere risposte a tutte le tue domande.
Formazione dal vivo
Partecipa a una sessione dal vivo con gli esperti di Klaviyo per conoscere le linee guida consigliate, scoprire come configurare le funzionalità chiave e altro ancora.
Assistenza

Accedi all'assistenza tramite il tuo account.

Assistenza via e-mail (prova gratuita e account a pagamento) Disponibile 24 ore su 24, 7 giorni su 7

Chat/assistente virtuale
La disponibilità può variare in base alla località e al tipo di piano