Aggiungi un’immagine di sfondo a una campagna

Ottieni il massimo dal tuo marketing aggiungendo un’immagine di sfondo all’email o alla pagina di destinazione.

In questo articolo scoprirai come aggiungere immagini di sfondo a email e pagine di destinazione.

Prima di iniziare

Ecco alcune cose da sapere prima di iniziare.

• Questo articolo spiega come aggiungere un’immagine di sfondo sia nel nostro nuovo builder che in quello legacy. Il nuovo builder funziona per intere email, mentre il builder legacy funziona per sezioni email e pagine di destinazione.
• I template email di Mailchimp hanno una larghezza di 600-660 pixel, quindi è meglio utilizzare immagini con un intervallo di 660-1320 pixel. Dai un’occhiata ai nostri consigli sulle immagini per trovare degli spunti.
• Poiché i nostri template drag-and-drop sono mobile responsive, è meglio aggiungere un’immagine di sfondo a una sezione di contenuto con una singola colonna. Le immagini di sfondo nelle sezioni di contenuto multicolonna possono apparire distorte sui dispositivi mobili.

Informazioni sulle immagini di sfondo

Le immagini di sfondo possono essere utilizzate per creare un pattern di sfondo ripetuto o per visualizzare un’immagine completa dietro il contenuto. Ecco le opzioni disponibili per le immagini di sfondo.

• Nel nuovo builder, aggiungi un’immagine di sfondo all’intera email.
• Nel builder legacy, aggiungi un’immagine di sfondo alle sezioni intestazione, corpo e piè di pagina di un’email. Per aggiungere un’immagine di sfondo all’intera email nel builder legacy, utilizza un template email HTML personalizzato.
• Nel builder legacy, aggiungi un’immagine di sfondo all’intera pagina di destinazione o alle sezioni intestazione, corpo, dettagli e piè di pagina.

Immagini di sfondo nelle email

I client Outlook hanno un supporto limitato per le immagini di sfondo nelle email. Le email progettate nel nuovo builder hanno maggiori probabilità di visualizzare immagini di sfondo nei client Outlook rispetto alle email progettate nel builder legacy. Se desideri visualizzare un’immagine di sfondo in Outlook, ti consigliamo di utilizzare un template HTML personalizzato.

Immagini di sfondo su pagine di destinazione

Le immagini di sfondo più grandi avranno un aspetto più pulito su schermi più grandi, ma consigliamo di mantenere le immagini tra 1500-2500 pixel di larghezza. L’altezza consigliata per l’immagine dipende da quanto contenuto hai nella tua pagina di destinazione, ma è importante ricordare che immagini più grandi possono rallentare il caricamento della pagina.

Aggiungi un’immagine di sfondo a un’intera email nel nuovo builder

Scegli un’immagine da visualizzare sullo sfondo dell’intera email. Se un client di posta elettronica non supporta le immagini di sfondo, verrà visualizzato un colore di sfondo.

Per aggiungere un’immagine di sfondo a un’email nel nuovo builder, segui questa procedura.

1. Fai clic sulla scheda Stili nel nuovo builder.
   
2. Fai clic sul menu a tendina Email .
3. Nella sezione Immagine di sfondo, trascina e rilascia l’immagine di sfondo o fai clic su Sfoglia per scegliere un’immagine da Content Studio.
4. Dopo aver aggiunto l’immagine di sfondo, utilizza il menu per scegliere Dimensione, Posizione, e se vuoi che venga ripetuta.

La tua immagine verrà aggiunta allo sfondo dell’intera email.

Aggiungi un’immagine di sfondo alle sezioni email o alle pagine di destinazione nel builder legacy

Le immagini di sfondo possono essere aggiunte alle sezioni email nel builder legacy. Usa il nuovo builder o un template](/help/add-a-background-image-to-a-custom-html-template/) email HTML [personalizzato per applicare un’immagine di sfondo all’intera email.

Per aggiungere un’immagine di sfondo alle sezioni email o a una pagina di destinazione nel builder legacy, segui queste indicazioni.

1. Fai clic sulla scheda Stile nel builder legacy.
   
2. Fai clic sulla sezione a cui vuoi aggiungere un’immagine di sfondo.
3. In “Background” (Sfondo), fai clic su “Add an image instead” (Aggiungi un’immagine) per aprire Content Studio. Carica una nuova immagine dal computer, scegline una esistente da Content Studio o importala da un indirizzo web.
   
4. Fai clic su Modifica per modificare lo stile e l’immagine nell’editor di foto.
   
5. Quando hai finito di apportare modifiche all’editor di foto, fai clic su Salva per tornare al builder legacy.
6. Fai clic sul menu a tendina Dimensioni e scegli la dimensione desiderata per la tua immagine.
   
   
   • Scegli Automatico per visualizzare l’immagine alle dimensioni effettive.
   • Scegli Copertura per riempire la larghezza dell’intera sezione. Si tratta dell’opzione ideale per le immagini più grandi con contenuti centrati. L’immagine può essere ritagliata per adattarsi a dispositivi diversi.
   • Scegli Contiene per ridimensionare l’immagine in base a una dimensione adatta all’altezza all’interno del suo contenitore, in modo che l’intera immagine di sfondo possa essere visualizzata su qualsiasi dispositivo.
7. Fai clic sul menu a tendina Posizione e scegli di allineare l’immagine con la parte superiore, centrale o inferiore della sezione.
8. Fai clic sul menu a tendina Ripeti e scegli il pattern di ripetizione della tua immagine.
   
   
   • Scegli Nessuno per visualizzare l’immagine solo una volta.
   • Scegli Orizzontale per ripetere l’immagine dall’alto verso il basso.
   • Scegli Verticale per ripetere l’immagine da sinistra a destra.
   • Scegli Entrambi per affiancare l’immagine in entrambe le direzioni.
9. Scegli un colore di fallback da visualizzare nei client che non supportano le immagini di sfondo. Assicurati di scegliere un colore che renda il testo leggibile.
10. Fai clic su Salva.

Dopo aver modificato l’immagine di sfondo, puoi aggiungere qualsiasi blocco di contenuto drag-and-drop sopra l’immagine di sfondo nel tuo layout. È meglio utilizzare messaggi chiari e brevi in sezioni con immagini di sfondo, come un blocco di immagini che contiene il logo, un blocco](/help/use-text-content-blocks/) di [testo che promuove il brand o un pulsante che si collega al negozio online o al sito web.

Consigli di stile

• In caso di dubbio, utilizza un’immagine semplice e centrata in un blocco di contenuto.
• Aggiungi un’imbottitura nella parte superiore e inferiore di ogni sezione per controllare la posizione del blocco di contenuto.
• Per impostazione predefinita, il menu a tendina Ripeti è impostato su Nessuno, il modo migliore per le immagini più grandi. Se hai un’immagine più piccola e desideri creare un effetto a schema, scegli Orizzontale, Verticale o Entrambi.

Testa le immagini di sfondo delle email

Ti consigliamo sempre di visualizzare in anteprima le email create in Mailchimp e di testare il tuo progetto. Le immagini di sfondo non sono supportate da tutti i client email, quindi è importante inviarti alcune email di prova. Per vedere come un’ampia varietà di client email mostrerà la tua immagine di sfondo, usa il nostro strumento Anteprima posta in arrivo.