Come inserire lo sfondo in html
Introduzione
Per migliorare ulteriormente la progettazione delle tue campagne di marketing, puoi aggiungere un'immagine di sfondo ad un codice del tuo modello in Template Builder di MailChimp.
I modelli HTML personalizzati sono una funzionalità avanzata e sono consigliati agli utenti che hanno familiarità con la codifica personalizzata. Contatta il tuo sviluppatore o contatta un esperto MailChimp se hai bisogno di assistenza. In questo articolo, imparerai come inserire un'immagine di sfondo al tuo modello HTML personalizzato.
Occorrente
- Connessione Internet
- PC
- HTML
- MailChimp
- Imgur
Impostare la risoluzione
Immagini di grandi dimensioni possono far sì che le campagne vengano visualizzate in modo errato nella posta in arrivo dei tuoi destinatari. Per risultati ottimali, impostare la risoluzione su 920 x 1080 px o meno e comprimere l'immagine. Ospita le tue immagini su un server pubblico o utilizza un servizio gratuito come Imgur o Flickr e utilizza un percorso file assoluto che punta direttamente alla posizione del file nel codice. Si noti che se si ospitano le proprie immagini su un server privato, i destinatari senza accesso al server non saranno in grado di vedere l'immagine.
MailChimp può anche ospitare le immagini per te in Content Manager se sono inferiori a 10 MB.
Aggiungere un'immagine
Puoi anche aggiungere un'immagine di sfondo a una campagna normale. Questo processo utilizza CSS, HTML e VML per visualizzare un'immagine di sfondo e un colore. Incolla il codice di esempio nel modello e cambia l'immagine del segnaposto e il colore di sfondo secondo le tue specifiche. Per aggiungere un'immagine di sfondo a un modello HTML personalizzato, attieniti alla seguente procedura. Passare alla pagina Modelli. Fai clic su Crea modello. Fai clic sulla scheda Codice personale e seleziona Incolla nel codice. Nell'editor di codice, inserisci il codice opportuno subito dopo il tag di apertura per aggiungere l'immagine di sfondo e il colore del segnaposto.
Inserire il codice
Inserisci il codice seguente appena prima del tag di chiusura:
. Sostituisci o modifica il codice della campagna rimanente con il tuo codice HTML personalizzato.
Quando hai finito di modificare il codice, fai clic su Salva. Fai clic su Salva ed esci .Nel modal di popup Salva modello, assegna un nome al modello. Fai clic su Salva. È possibile accedere al nuovo modello nel Generatore di campagna o sulla pagina Modelli. L'immagine di sfondo non verrà visualizzata se le immagini sono disattivate nella Posta in arrivo del destinatario. Per questo motivo, assicurati di scegliere un colore di sfondo che visualizzi correttamente il testo se l'immagine non viene caricata. Quando modifichi il tuo CSS, assicurati di non avere altre proprietà di background nel codice, perché possono sovrascrivere l'immagine di sfondo. Quando si lavora nell'Editor dei modelli, i tag di unione non verranno visualizzati nelle anteprime o nelle e-mail di prova.
Guarda il video
Consigli
- Nell'editor di codice, inserisci il codice opportuno subito dopo il tag di apertura per aggiungere l'immagine di sfondo e il colore del segnaposto.