Limiti dell’email HTML

La maggior parte dei client email non supporta tutti i tipi di contenuti HTML presenti sul web. I browser web sono in grado di visualizzare script, animazioni e menu di navigazione complessi, mentre una normale casella di posta elettronica non è costruita per gestire questo tipo di contenuti.

In questo articolo scoprirai il tipo di contenuti da evitare nella progettazione delle tue email, e quali usare.

Cosa fare e cosa non fare dell’email HTML

I client email hanno in genere i propri vincoli di progettazione rispetto a un browser web. Elementi interattivi come moduli Flash, JavaScript o HTML non funzionano nella maggior parte delle caselle di posta elettronica.

Fai riferimento a questa tabella per ulteriori informazioni.

Usare con prudenza

Puoi includere alcuni elementi, come immagini di sfondo e caratteri personalizzati, nei template Mailchimp. Non tutti i client email supportano questi elementi, quindi ti consigliamo di eseguire un’anteprima e test accurati delle campagne prima di inviarle a tutto il tuo pubblico.

GIF animate

Alcuni client email non supportano le GIF animate; tuttavia, se vuoi includere una GIF nella tua campagna, puoi inserirla direttamente da Giphy.

Se carichi una GIF direttamente in Mailchimp, di solito è meglio modificarne prima il contenuto animato. Il nostro Photo Editor integrato altera i file immagine per modificarli: un processo non adatto ai contenuti animati, che potrebbe rovinare le GIF.

Dai un’occhiata alla guida di Litmus per informazioni utili sulle GIF animate e su quali client email le supportano.

Immagini di sfondo

Mailchimp supporta le immagini di sfondo nelle sezioni pre-intestazione, intestazione, corpo, colonna e piè di pagina dei template drag-and-drop. Se usi un template HTML personalizzato, puoi aggiungere un’immagine di sfondo con il nostro Template Builder. Le immagini di sfondo non vengono visualizzate in tutti i client email e possono apparire in modo diverso nei client mobili, dunque è importante eseguire accuratamente anteprima e test delle campagne prima di inviarle al pubblico.

Aggiungi un’immagine di sfondo a una pagina di destinazione o a un’email
Aggiungi un’immagine di sfondo a un template HTML personalizzato
Anteprima e test di una campagna email

Caratteri web

La barra degli strumenti di modifica di Mailchimp ti consente di utilizzare caratteri standard e una selezione di caratteri web personalizzati. Se un client email non supporta un carattere web utilizzato nella tua campagna, lo sostituiremo con un carattere standard.

Dai un’occhiata a questa tabella per scoprire quali client email supportano i caratteri web.

Template ampi

I contatti spesso aprono le campagne su dispositivi mobili o nel riquadro di anteprima dei client email del desktop. I riquadri di visualizzazione delle email sono stretti, quindi taglieranno il messaggio se è più largo di 600-800 px.

Non usare

I seguenti elementi sono bloccati da quasi tutti i principali client email.

JavaScript

JavaScript è un linguaggio di programmazione che rende i contenuti web interattivi. È comune nei siti web, ma la stragrande maggioranza dei client email blocca gli script perché possono nascondere contenuti dannosi. Evita tutto lo JavaScript.

Prova le GIF per rendere i tuoi contenuti più coinvolgenti.

Elementi iframe

Un <iframe> (inline frame) è un elemento HTML che incorpora i contenuti da un sito web a un altro. Gli inline frame sono spesso usati per inserire pubblicità, video, audio o moduli in altri siti web. Gli iframe spesso contengono script, quindi la maggior parte dei client email li bloccano.

Collegali piuttosto al contenuto che desideri visualizzare nella tua campagna.

Flash

Flash mostra animazioni e grafiche sui siti web, ma la maggior parte dei client email lo blocca.

Prova piuttosto le GIF per rendere i tuoi contenuti più coinvolgenti.

Moduli HTML

I campi di testo, gli input di testo, i pulsanti di opzione e le caselle di spunta sono elementi semplici del modulo HTML, ma il pulsante di invio spesso richiede l’uso di Javascript. Alcuni client email visualizzeranno i moduli, ma purtroppo i contatti non saranno in grado di inviarli. Evita i moduli HTML e valuta un’alternativa.

Prova piuttosto un semplice sondaggio o un’integrazione sondaggio di Mailchimp per raccogliere risposte dai contatti, o inserisci un link a un modulo web.

Media incorporati

I media autoplay e click-to-play non saranno riprodotti in una casella di posta, a meno che il client email del tuo contatto non supporti HTML5 <video> e <audio> tag. Solo uno dei principali client email, Apple Mail, supporta questi tag, quindi è meglio evitare i media incorporati e valutare un’alternativa.

Piuttosto, condividi il link di un lettore multimediale con i merge tag di Mailchimp o blocchi di contenuto video. Per inviare file audio, condividi un link di file audio.

Risorse di design HTML delle email per programmatori

Che tu sia alle prime armi con l’HTML delle email o abbia già programmato molte email, queste risorse possono aiutarti a progettare template perfetti per un varietà di client email.

• Riferimenti per la progettazione delle email
  Fornisce risorse su design, metodi di sviluppo, esempi di codici e blueprint di email scaricabili per aiutarti a progettare e creare le email.
• Guida alla progettazione delle email
  Offre consigli su stile, design e layout delle campagne in forma di articolo.