Quando crei una campagna email, devi sempre visualizzare l'anteprima e testare l'email su vari client di posta prima di inviarla. Infatti, alcuni client di posta elettronica non supportano tutti i contenuti HTLM poiché l'HTML per le email non è così sviluppato come l'HTML per il web. Elementi interattivi come Flash o JavaScript non funzioneranno nella maggior parte dei client di posta elettronica.
Consigliamo l'uso del blocco HTML solo agli utenti avanzati. L'aggiunta di codice HTML personalizzato può influire sulla visualizzazione della campagna email su alcuni client di posta elettronica. Il codice HTML personalizzato deve essere il più possibile reattivo e conforme alle email. Per assicurarti che la tua email venga visualizzata come previsto sui client di posta elettronica, ti consigliamo vivamente di testare la tua campagna email prima di inviarla ai tuoi contatti.
Qual è la differenza tra l'editor HTML e il blocco HTML?
Puoi personalizzare la progettazione della campagna email attraverso due diversi strumenti HTML:
L'editor HTML ti consente di progettare l'intera campagna email utilizzando il linguaggio HTML. Per utilizzare l'editor HTML, crea una campagna email e scegli l'editor HTML nel passaggio Design. Per ulteriori informazioni, consulta il nostro articolo dedicato Importazione di un file HTML per progettare la tua campagna.
Il blocco HTML può essere utilizzato nell'Editor drag & drop per progettare alcuni elementi dell'email con codice HTML. Per utilizzare l'editor HTML, crea una campagna email e, nel passaggio Design, scegli un modello e trascina il blocco HTML nel progetto email:
Quali formati HTML posso usare nella mia campagna e-mail?
Fai riferimento alla tabella seguente per sapere quali formati HTML è sicuro usare nella tua campagna email:
| ✅ Sicuro | 🟠 Usare con cautela | ❌ Non usare mai |
|
|
|
🌐 CSS
Il CSS può essere utilizzato con delle limitazioni con l'HTML usato per creare email. Per ottenere i migliori risultati durante la progettazione della tua campagna email, ti consigliamo di:
- usare codice CSS molto semplice.
Usa questo sito web come un dizionario per verificare se il tuo CSS sarà supportato correttamente dai client di posta. - usare il CSS solo per elementi di stile generali come carattere e colori.
- preferire il CSS inline invece del CSS incorporato. Nel CSS inline, qualsiasi colore di sfondo o i parametri <body> devono essere gestiti in una <table> di larghezza pari al 100% che circonda l'email.
❗️ ImportanteAlcuni client di posta rimuovono righe di codice che iniziano con una virgola o un punto. Aggiungi uno spazio all'inizio di ogni riga che inizia con una virgola o un punto per evitarlo.
🔤 Caratteri sicuri per il web
Usa caratteri facili da leggere e facilmente leggibili da qualsiasi client di posta. Controlla i caratteri che stai utilizzando prima di inviare la campagna email. Per assicurarti che i tuoi clienti siano in grado di leggere la tua campagna email con un carattere che hai scelto, aggiungi un carattere di riserva nell'editor drag & drop. Potrai scegliere quali caratteri utilizzare se quello che hai usato non è supportato dal client di posta dei tuoi destinatari. Per maggiori informazioni, ti consigliamo di leggere il nostro articolo Aggiunta di caratteri Google Fonts e di riserva nell'editor drag & drop.
Ti consigliamo inoltre di utilizzare un massimo di due o tre caratteri in una campagna email. Per semplificare la lettura dell'email, scegli una dimensione compresa tra 14 e 16 pt per il corpo del testo: 14 pt per le email lunghe con paragrafi e 16 pt per quelle brevi (da due a tre frasi).
🏞 Mappe immagine
Puoi aggiungere facilmente mappe immagine alle tue campagne aggiungendo un link al blocco immagine nell'editor drag & drop:
- Aggiungi un blocco immagine al design della campagna e clicca sull'immagine.
- Clicca su Aggiungi link. Si apre la finestra Inserisci/Modifica link.
- Immetti le informazioni relative a:
- Tipo di link che è spesso un link assoluto (URL) ma puoi scegliere qualsiasi altro tipo di link.
- Link, ovvero il link a cui vuoi che conduca la tua immagine.
- Titolo del link, è la parola che vuoi che venga visualizzata quando si passa il mouse sull'immagine.
- Clicca su Inserisci.
🚨 Autoescape
Per impostazione predefinita, si esegue l'escape del contenuto HTML (e JS) di tutte le variabili. Questo significa che qualsiasi HTML passato all'interno di una variabile sarà sottoposto a escape e stampato come testo. Per esempio, se il contenuto della tua variabile è <h1>Il mio titolo</h1>, il tuo modello mostrerà esattamente nell'email il testo <h1>Il mio titolo</h1> invece di visualizzare il testo “Il mio titolo” formattato come titolo H1.
Per maggiori informazioni, leggi il nostro articolo al riguardo Disabilitazione di autoescape e visualizzazione delle doppie parentesi graffe nelle email.
⏩ E adesso?
- Serie di articoli sull'editor drag & drop
- Importazione di un file HTML per progettare la tua campagna
- Creazione di una campagna email
- Aggiunta di caratteri Google Fonts e di riserva nell'editor drag & drop
- Come testare le tue campagne email
🤔 Domande?
In caso di domande, non esitare a contattare il team dell’assistenza creando un ticket dal tuo account. Se ancora non hai un account, puoi contattarci qui.