Nessun altro canale di marketing crea relazioni durature come la posta elettronica. È la ragione principale per cui l'email marketing è il canale di marketing preferito per l'acquisizione e la fidelizzazione dei clienti (rispettivamente 80% e 81%).
Gli annunci multimediali rappresentano uno dei maggiori vantaggi della posta elettronica, trasformando la posta elettronica, una volta che i messaggi di testo semplice sono adatti solo per la comunicazione interdipartimentale, in un solido canale di marketing.
Tuttavia, l'e-mail rich media è un'arma a doppio taglio: eseguila correttamente e aggiunge piacere visivo. Messup, e la tua email non può essere consegnata o trasmettere il tuo messaggio.
Questo post ti guida attraverso ogni tipo di rich media in e-mail e come distribuirlo per il massimo impatto, deliverability e accessibilità.
Quali tipi di contenuti multimediali sono disponibili per la posta elettronica?
Rich Media "include funzionalità avanzate come video, audio o altri elementi che incoraggiano gli spettatori ad interagire e interagire con i contenuti." Nell'e-mail, i rich media includono immagini statiche, GIF animate, video, frammenti audio e persino animazioni CSS.
Gli elementi rich media possono rompere la monotonia dei blocchi di testo e, in certe situazioni, spiegare e persuadere in modo più efficace delle parole.
Linee guida e limitazioni per i rich media nella posta elettronica
Indipendentemente dal tipo di contenuti multimediali, ci sono linee guida generali per includere i rich media nelle tue email:
Dimensioni dell'immagine Le e-mail sono ancora progettate per una larghezza di 600 px, in modo da evitare che le immagini o le GIF vengano tagliate, mantenendole entro 480-500px. (Conserva l'area rimanente per il riempimento). Puoi creare le tue immagini / video con una larghezza di 500 px o inserirle in un contenitore da 500 px.
Dimensione del file. Tutti i contenuti di posta elettronica vengono scaricati da un sito esterno quando apri l'email. I file di grandi dimensioni rallentano il tempo di download e bruciano i dati mobili.
Idealmente, le immagini e le GIF dovrebbero essere il più piccole possibile. Le raccomandazioni variano, ma suggeriamo non più di 400 KB. Se è possibile mantenere la qualità dell'immagine, più piccola è migliore. I video non devono essere più lunghi di 1 minuto (per limitare il potenziale utilizzo dei dati e mantenere l'attenzione dell'utente).
Gmail è noto per il ritaglio dei messaggi di posta elettronica se il codice sottostante ha una dimensione di file superiore a 102 KB. Poiché le animazioni CSS3 implicano linee di codice aggiuntive, assicurati che il modello HTML non superi il limite.
Compatibilità. I moderni client di posta elettronica supportano la maggior parte dei formati multimediali. Per i client di posta elettronica non conformi come Outlook (che non supporta GIF, immagini di sfondo o video), è necessario eseguire il fallback appropriato. Maggiori informazioni in seguito.
Ecco sei tipi di rich media e come utilizzarli nelle e-mail.
1. Immagini statiche nelle e-mail
Qualsiasi forma di immagini-foto, illustrazioni, ecc. Senza movimento è classificata come immagine fissa, la forma di base di rich media nelle e-mail. JPG (JPEG) e PNG sono due formati di file comuni per servire immagini statiche.
I JPG hanno dimensioni di file più piccole ma perdono anche alcuni dettagli durante la compressione; I file PNG mantengono i dettagli al costo di una dimensione di file più grande. Per le immagini con contrasti netti (ad esempio disegni) o la necessità di conservare il testo incorporato, PNG è in genere la scelta migliore.
Le immagini statiche sono un ottimo modo per rappresentare graficamente le idee anziché utilizzare il testo. Invece di abbonati lettura riguardo al design di un'auto, le immagini della vettura da diverse angolazioni possono aiutarle a capire.
La coerenza nell'uso delle immagini può anche aiutare a impostare l'identità del marchio. Nell'e-mail seguente di Craftsman, la stessa tonalità su brand di legami rossi insieme allo sfondo, all'immagine dell'eroe e alle immagini del prodotto:
Puoi anche aggiungere immagini come sfondi per la tua copia e-mail. Un'immagine di sfondo migliora l'impatto visivo e, se scelto bene, mette in risalto il titolo.
Nell'e-mail seguente di Quip, l'immagine dell'eroe aggiunge lo stimolo di visualizzazione senza nulla togliere o competere con il titolo:
limitazioni
Per motivi di sicurezza, la maggior parte dei client di posta elettronica blocca le immagini da mittenti sconosciuti. A meno che il tuo abbonato non autorizzi esplicitamente a scaricare automaticamente le immagini, l'email che vedrà sarà simile a quella seguente:
Un modo per gestire questa limitazione è il testo ALT. Anche se l'immagine non viene caricata, l'abbonato può leggere ciò che rappresenta l'immagine; Il testo ALT migliora anche l'accessibilità per i destinatari di email che si affidano agli screen reader.
Andando oltre, puoi creare pixel art per rivelare le immagini anche quando i file di immagine sono disabilitati. Il trucco consiste nel suddividere l'immagine in modo tale che ogni sezione possa essere colorata o stilizzata per creare immagini bellissime simili a immagini a 8 bit.
In un'e-mail di Pizza Express, il cinemagraph è tagliato in modo che un flute di champagne sia ancora visibile come pixel art:
Anche se un'immagine può aiutare a visualizzare il tuo messaggio, non può sostituire la tua copia. Idealmente, è necessario mantenere un 80:20 rapporto testo per immagine nel tuo layout di posta elettronica per evitare di essere contrassegnato come SPAM. (L'uso di una singola immagine come l'intero contenuto dell'email solleva anche il sospetto che l'email sia SPAM.)
Anche se lo SPAM non è una considerazione, l'uso di troppe immagini potrebbe far sì che gli abbonati con i bloccanti immagine non rispettino il messaggio.
2. GIF animate nelle e-mail
Cambiando sequenzialmente i fotogrammi ad una durata prestabilita, un fenomeno chiamato "Persistenza della visione", le GIF ingannano l'occhio nel vedere l'animazione.
Le GIF mostrano più facilmente movimenti e concetti complessi rispetto a testo o immagini statiche, che possono contribuire ad aumentare le conversioni. Dell è riuscita a ottenere un aumento delle conversioni del 109% includendo una GIF che mostrava il movimento dei loro laptop convertibili:
Inoltre, poiché un GIF cambia tra i frame, puoi sperimentare diverse durate dei fotogrammi. Nell'esempio seguente di Kate Spade, diverse cornici mostrano colori diversi dello stesso prodotto:
In un altro esempio, con Moo Print, sarebbe bastata un'immagine statica, ma il movimento della mano attira immediatamente la vostra attenzione:
Casi d'uso di esempio
- Mostra le varianti di un prodotto nello stesso spazio.
- Dimostra come funziona il tuo prodotto.
- Crea una presentazione per mostrare più immagini.
- Fornire una visione a 360 gradi di un prodotto.
limitazioni
A causa delle limitazioni del motore di rendering, Outlook e Lotus Notes non supportano le animazioni GIF: verrà visualizzato solo il primo fotogramma. Ciò rende complicato l'utilizzo del GIF per le e-mail B2B; un segmento più ampio del tuo pubblico probabilmente utilizza Outlook. Conservare le informazioni vitali nel primo fotogramma o utilizzare la GIF per trasmettere informazioni non essenziali.
Più fotogrammi in una GIF, maggiore è la dimensione del file. Questo è doppio whammy: aumenterai l'utilizzo dei dati per gli abbonati su piani dati limitati e il sottoscrittore vedrà solo una casella vuota finché non verrà caricato il GIF.
3. Cinemagraph in e-mail
I cinemagraph sono GIF con un solo elemento twist in background è animato, mentre il resto dell'immagine è statico. Come dimostra questo esempio di Netflix, i cinemagraph possono generare un impatto visivo sorprendente:
Casi d'uso di esempio
- Le aziende dei media possono inviare e-mail che corrispondono meglio all'estetica del prodotto finale, come una serie televisiva o un film.
- Le marche che lanciano nuovi prodotti possono aggiungere un effetto drammatico.
limitazioni
Cinemagraphs condividono le stesse limitazioni degli altri GIF.
4. Video nelle email
I video massimizzano la quantità di informazioni che trasmetti in spazi limitati via email. Un breve video clip didattico può trasmettere più informazioni di un ebook.
Come altrove su Internet, la riproduzione automatica dei video non è un'esperienza utente ideale. (Anche un pulsante click-to-play consente di misurare l'interesse degli utenti nei video e-mail).
Per aggiungere video alle email è necessario caricare il video su un sito di terze parti (ad esempio YouTube, Wistia, Vimeo, ecc.) E incorporare l'URL nella tua email.
Casi d'uso di esempio
- Un breve video introduttivo in un'e-mail di onboarding può aiutare a impostare le aspettative per gli abbonati.
- Un video esplicativo può dimostrare come utilizzare un prodotto fisico.
- Agenzie immobiliari, compagnie turistiche o università possono offrire tour virtuali.
- Le aziende possono umanizzare il loro marchio con messaggi di fondatori o dipendenti.
limitazioni
I video incorporati sono una proprietà HTML5 e supportati solo da alcuni client di posta elettronica, come Thunderbird, Apple Mail, iOS mail e Android nativo (non Gmail mobile).
Devi utilizzare una GIF animata o un'immagine con un link al video come riserva. Posizionalo sotto il fotogramma video e, utilizzando la codifica condizionale, rendilo visibile solo ai client di posta elettronica non di supporto.
Come con le immagini di grandi dimensioni o le GIF, i video aggiungono alla quantità di dati che costa ai clienti impegnarsi con la tua email.
5. Audio in e-mail
La musica di sottofondo imposta il tono nei film; può fare lo stesso in e-mail, se usato in modo appropriato. (C'è un motivo per cui i siti web non riproducono più la musica quando arrivi sulla homepage …)
Nell'e-mail seguente, una versione strumentale della canzone "Closer" di The Chainsmokers viene riprodotta in background mentre una GIF animata è su un loop.
Per aiutare a impostare il tono, l'e-mail qui sotto aggiunge suoni spettrali. Provalo per te stesso qui.
Casi d'uso di esempio
- Se stai andando all in "tono", l'audio aggiunge un altro elemento.
- Per le promozioni relative all'audio (ad esempio eventi musicali), una clip audio può avere senso.
limitazioni
L'audio della posta elettronica è supportato solo in Apple Mail, iOS Mail, Native Android e Samsung Mail. Anche se questo potrebbe non essere uno dei problemi principali, gli elementi visivi delle e-mail continuerebbero a essere visualizzati: gli abbonati potrebbero non notare l'audio se non ne specifichi l'esistenza.
Le clip audio aggiungono le dimensioni del file all'e-mail, anche se una piccola clip audio riprodotta su un loop o ospitata su una piattaforma di terze parti può ridurre il tempo di download.
6. Animazione CSS nelle e-mail
Con l'aiuto di JavaScript e (sempre meno spesso) Flash, i siti web hanno animazioni e transizioni visivamente impressionanti per catturare l'attenzione. I client di posta elettronica non supportano JavaScript o Flash a causa di motivi di sicurezza.
Tuttavia, con l'adozione di animazioni CSS3, gli sviluppatori di e-mail possono replicare l'interattività web-based in e-mail:
Le animazioni dei fotogrammi chiave sono possibili grazie ai CSS. Le animazioni dei fotogrammi chiave trasformano e spostano gli elementi di posta elettronica in base a un fotogramma chiave, inducendo l'illusione di un elemento animato:
Casi d'uso di esempio
limitazioni
I client di posta elettronica stanno gradualmente supportando CSS3, ma solo una manciata supporta pienamente tutti gli effetti CSS3. Questo è gestibile a patto che si fornisca un fallback appropriato per i client di posta elettronica non di supporto. L'aggiunta di un link "Visualizza online" può garantire che tutti abbiano un'esperienza (quasi) uniforme quando interagiscono con la tua email.
Nella tabella seguente sono elencati i client di posta elettronica e l'interattività supportata:
Personalizzazione: il livello successivo nell'email rich media
Un'indagine di oltre 7.000 consumatori di Salesforce ha rilevato che i consumatori sono sempre più a proprio agio con la personalizzazione:
- Il 57% dei consumatori è disposto a condividere dati personali in cambio di offerte o sconti personalizzati;
- Il 52% condivide i dati personali in cambio di raccomandazioni sui prodotti;
- Il 53% farebbe lo stesso per esperienze di shopping personalizzate.
Tuttavia, mentre il 58% dei venditori di email utilizza già una qualche forma di personalizzazione, pochi vanno oltre i tag di unione. Oltre a personalizzare la copia delle e-mail, le immagini personalizzate possono aiutare a rafforzare la percezione della messaggistica su misura:
Nell'email precedente di Lucozade, l'immagine dell'eroe viene personalizzata per includere il nome del destinatario.
Conclusione
I rich media nelle e-mail sono parte integrante di una e-mail visivamente attraente. Tutti i contenuti multimediali vengono forniti con alcuni costi: tempi di caricamento leggermente più lunghi, maggiore utilizzo dei dati. Tuttavia, una corretta implementazione può mantenere le email sul brand, aumentare il coinvolgimento degli utenti e aiutare a differenziare le tue campagne in una casella di posta più affollata.
Alcune delle funzionalità più avanzate, come video incorporati e animazioni CSS3, richiedono ancora fallback appropriati, ma il supporto del client di posta elettronica aumenterà solo.
