Come incorporare video HTML5 in un'e-mail

HTML5 è il linguaggio di markup più recente per la presentazione e la strutturazione dei contenuti su Internet. HTML sta per Hyper Text Markup Language. È il linguaggio standard utilizzato per creare documenti web. HTML è stato aggiornato in base alle esigenze degli utenti. HTML5, ad esempio, è l'ultimo aggiornamento di HTML. Consente la codifica di video nei documenti web. HTML5 introduce specificamente elemento per abilitare la riproduzione di video su internet, sostituendo l' elemento.

La capacità video introdotta da HTML5 è importante, poiché i contenuti video sono una parte centrale del marketing, della pubblicità e della costruzione del brand. Questo dimostra che piattaforme video come YouTube e TikTok continuano a riscuotere un enorme successo. Oggigiorno, tutti i social media supportano già la capacità video.

Detto questo, è prudente che l'email includa anche i video. Anche gli esperti di email marketing dovrebbero poter sfruttare i vantaggi del video marketing. Tuttavia, alcuni client di posta elettronica supportano HTML5, mentre altri no. Sebbene ciò renda difficile integrare i video nelle email, esistono diversi modi per farlo. Scopri come incorporare video HTML5 nelle email e altre alternative.

Quali sono i vantaggi dei video nelle e-mail?

I contenuti video stanno diventando sempre più importanti per aumentare la efficacia delle campagne di email marketingUn sondaggio Wyzowl ha dimostrato che 92% dei marketers Riconoscono il video come parte essenziale dei loro sforzi. Il motivo è semplice: integrando il video nell'email marketing, i professionisti del marketing sfruttano contemporaneamente i vantaggi del video e dell'email marketing.

Ecco alcuni vantaggi che i professionisti del marketing possono ottenere utilizzando i video nelle e-mail:

• Maggiore coinvolgimento del cliente: quando si invia un'email, il lettore potrebbe scorrere il testo e cercare di cogliere i punti salienti. Ma un video lo blocca. È più probabile che trascorra più tempo a guardarlo.

Supponiamo che tu abbia una campagna per spiegare l'uso di un prodotto. La descrizione del servizio tende a essere prolissa e istruttiva. Ma quando le stesse informazioni vengono inserite in un video, diventano più coinvolgenti. Un lettore potrebbe scorrere il testo scritto, ma guarderà l'intero video. Pertanto, il video aumenta il tempo in cui l'iscritto interagisce con la tua email.

• Elevata brand awareness: i video aumentano la brand awareness. Questo riduce i tassi di rimbalzo e aumenta i tassi di clic e di conversione. I video nelle email possono raggiungere questo obiettivo, poiché è facile per i brand spiegare e mostrare il loro messaggio.

Ad esempio, i brand possono mostrare come utilizzare i tuoi prodotti. Puoi mostrare agli utenti come montare, riparare e smontare il prodotto, se necessario.

• Costruire la fiducia nel brand: quando si scrive un'email solo con testo, si può provare a infondere il tono del brand nel testo, ma questo non è possibile con un video. Nei video, i destinatari vedono i volti e le personalità dei brand da cui acquistano. Questo, quindi, crea un rapporto ancora più personale con i clienti.

Una campagna efficace può mostrare i dipendenti al lavoro o i dipendenti dare il loro feedback sulla loro esperienza lavorativa. Queste descrizioni accattivano il cliente e lo aiutano a sviluppare un legame emotivo con il tuo brand. I clienti hanno la sensazione di conoscere il brand e di relazionarsi con esso. Quindi, in una certa misura, provano un senso di appartenenza al brand.

Questo legame emotivo e questo senso di appartenenza alimentano la fidelizzazione dei clienti e la promozione del brand. Quando i clienti si sentono profondamente connessi a un brand, è più probabile che rimangano fedeli, effettuino acquisti ripetuti e persino lo raccomandino ad altri. Pertanto, ampliare la rappresentazione dei dipendenti nella tua campagna può essere vantaggioso per il tuo brand.

1. Fiducia e autenticità: mettendo in mostra i dipendenti al lavoro e il loro feedback genuino, trasmetti un senso di trasparenza e autenticità. I ​​clienti apprezzano vedere persone vere e appassionate del loro lavoro, poiché questo crea fiducia e credibilità per il tuo brand. Questa fiducia è fondamentale per stabilire relazioni a lungo termine con i clienti.
2. Umanizzare il brand: mettere in risalto i dipendenti nella tua campagna umanizza il tuo brand. Dà un volto al nome e permette ai clienti di vedere le persone dietro i prodotti o i servizi. Questo elemento umano aiuta i clienti a relazionarsi personalmente con il tuo brand, favorendo un legame emotivo più forte.
3. Employee Advocacy: quando i dipendenti sono coinvolti nella campagna e condividono le loro esperienze lavorative, diventano essi stessi promotori del brand. Il loro entusiasmo e il loro feedback positivo possono ispirare i clienti e generare un senso di orgoglio e lealtà tra i dipendenti. Questo può portare a un maggiore coinvolgimento e motivazione dei dipendenti, che si traduce in una migliore esperienza per i clienti.
4. Opportunità di storytelling: integrare le storie e le esperienze dei dipendenti nella tua campagna offre ricche opportunità di storytelling. Condividere aneddoti sul loro percorso, le loro sfide e i loro successi può catturare l'attenzione del pubblico e creare una narrazione attorno al tuo brand. Questa narrazione aiuta i clienti a comprendere i valori e la mission del tuo brand, rafforzando ulteriormente il loro legame emotivo.
5. Aumento del ricordo del marchio: quando i clienti vedono i dipendenti presenti nella tua campagna, si crea un'impressione memorabile. Le persone tendono a ricordare storie e volti più di pubblicità generiche. Associando il tuo marchio alle persone che lo rappresentano, aumenti le probabilità che i clienti lo ricordino quando prendono decisioni di acquisto.
6. Prova sociale: includere il feedback e le esperienze dei dipendenti è una forma di prova sociale. Quando i potenziali clienti vedono i dipendenti parlare positivamente del tuo brand, sono più propensi a fidarsi e a scegliere i tuoi prodotti o servizi. Questo aumenta la credibilità e rafforza l'idea che il tuo brand valga la pena di essere interagito.

Considera l'idea di integrare prospettive diverse e di mettere in risalto i diversi ruoli organizzativi per massimizzare l'impatto della rappresentazione dei dipendenti nella tua campagna. Questa inclusività può raggiungere un pubblico più ampio e dimostrare il tuo impegno per la diversità e l'uguaglianza. Ricorda di allineare la rappresentazione dei dipendenti ai valori del tuo brand e assicurati che le loro esperienze riflettano gli aspetti positivi del lavoro con la tua azienda.

Ampliando la rappresentazione dei dipendenti nella tua campagna, crei un legame emotivo che va oltre la semplice pubblicità. Questo legame promuove la lealtà, il sostegno e un senso di appartenenza tra i clienti, a vantaggio della reputazione del tuo brand e del suo successo a lungo termine. Ma affinché i professionisti del marketing possano sfruttare i vantaggi dei video nelle email, devono innanzitutto sapere come incorporarli. Come ho detto, alcuni formati non sono supportati da alcuni client di posta elettronica. Ma esiste un modo per aggirare questo problema.

Formati video supportati nella posta elettronica

Innanzitutto, è necessario sapere quali formati video sono supportati nelle email. Se il formato video non è supportato, la strategia email può ritorcersi contro di te. Quando gli iscritti non riescono a riprodurre il video, i loro esperienza del cliente viene rovinato. Detto questo, ecco i formati video supportati dai diversi client di posta elettronica.

Il problema è che può essere noioso convertire un video in diversi formati e poi allegarli in base ai client di posta elettronica. Ecco perché dovresti scegliere di incorporare video HTML5 nelle email. Incorporando un video HTML5 in un'email, semplifichi la compatibilità tra dispositivi, browser e piattaforme. Inoltre, consenti la condivisione e la personalizzazione. Completa il tutto con un buon web hosting per la SEO e potrai garantire la migliore esperienza utente ai tuoi iscritti.

Di seguito è riportato un elenco che mostra dove funzionano i video HTML5 e dove viene mostrato il visual di fallback.

Sebbene i client di posta elettronica come Gmail non supportino i video HTML5, questi vengono comunque utilizzati dalla maggior parte degli utenti. Ecco perché è fondamentale capire come incorporare un elemento visivo di riserva.

Panoramica dei video HTML5 in un'e-mail

Ma perché dovresti incorporare un video HTML5 nella tua email, uno dei tuoi canali di marketing essenziali per la vendita al dettaglio, B2C e SaaS, quando puoi aggiungerlo come allegato o come collegamento ipertestuale?

Innanzitutto, c'è un limite alla dimensione del video che puoi allegare a un'e-mail. Alcuni video sono lunghi e contengono molta grafica. I client di posta elettronica in genere non supportano questo tipo di video. Questo limite ti limita e potrebbe persino indurti a comprimere il video fino a perderne la qualità. Questo è un aspetto che i destinatari dell'e-mail non apprezzeranno.

In secondo luogo, quando il video è collegato tramite un link ipertestuale tramite un testo di ancoraggio, il lettore non ha la spinta necessaria per cliccare e venire indirizzato a un altro sito per guardare il video. Leggerà il testo di ancoraggio senza cliccare sul link. Alcuni potrebbero persino rimandare la visione del video dopo aver terminato la lettura del testo. Potrebbero distrarsi e non tornare mai più a guardare il video.

Incorporare un video HTML5 è fantastico perché semplifica la visione per il destinatario dell'email. Il lettore non dovrà cliccare nulla. Finché l'email è aperta, il video viene riprodotto. Se è coinvolgente, è più probabile che l'iscritto lo guardi fino alla fine. Puoi usare StackOverflow per incorporare video HTML5 nelle tue email. Ma giusto per darti un'idea, ecco una panoramica di cosa fare:

Come incorporare video HTML5 in un'e-mail

L'incorporamento di un video tramite HTML5 può essere effettuato in diversi modi. È possibile impostare l'immagine di fallback e i parametri dell'immagine utilizzando questi metodi.

Utilizzo dell'elemento oggetto

IL L'elemento è uno dei modi in cui puoi incorporare un video nella tua email. Viene utilizzato per incorporare diversi tipi di contenuti multimediali nei documenti HTML. L'elemento l'elemento incorpora controlli ActiveX.

I controlli ActiveX sono piccoli programmi utilizzati su Internet per migliorare l'esperienza utente. Interagendo con l'elemento oggetto, si attivano le tecnologie di incorporamento ActiveX sul World Wide Web. Dopo elemento, di seguito sono riportate le specifiche dei media che intendi incorporare nel tuo documento HTML5. Possono essere immagini, audio, file PDF, animazioni Flash e, in questo caso, file video.

Puoi usare questo codice per incorporare un video usando

<object data="video.mp4"></object>

Tuttavia, utilizzando il non è sempre molto supportato. La sua efficacia dipende dall'oggetto incorporato.

Utilizzo dell'elemento video

L'HTML5 element è stato rilasciato di recente. È un modo più standard per incorporare file video su Internet, incluse le email. È anche molto più supportato dai browser web moderni.

Puoi utilizzare il seguente codice per incorporare il tuo video utilizzando elemento.

<!--[if !mso]--><!-->
<a href="Link to the video" target="_blank" style="mso-hide:all;display:block;width:inherit;height:inherit;max-height:inherit;">
    <img src="GIF URL" border="0" alt=" " style="mso-hide:all;display:block;width:inherit;height:inherit;max-height:inherit;" />
</a>
<!--<![endif]-->

<video autoplay="autoplay" loop="loop" clipID="em_4566" poster="GIF POSTER" controls="controls" src="VIDEO_MP4" style="mso-hide:all;display:block;width:100%;height:auto;max-height:none;"></video>

<!--[if !mso]--><!-->
<a href="Link to the video" target="_blank" style="mso-hide:all;display:block;width:inherit;height:inherit;max-height:inherit;">
    <img src="GIF URL" border="0" alt=" " style="mso-hide:all;display:block;width:inherit;height:inherit;max-height:inherit;" />
</a>
<!--<![endif]-->

<div class="vid_em_4566" style="mso-hide:all;width:0px;max-height:0px;height:0px;overflow:hidden;text-align:center;">
    <video autoplay="autoplay" loop="loop" clipID="em_4566" poster="GIF POSTER" controls="controls" src="VIDEO_MP4" style="mso-hide:all;display:block;width:100%;height:auto;max-height:none;"></video>

    <!--[if !mso]--><!-->
    <a href="Link to the video" target="_blank" style="mso-hide:all;display:block;width:inherit;height:inherit;max-height:inherit;">
        <img src="GIF URL" border="0" alt=" " style="mso-hide:all;display:block;width:inherit;height:inherit;max-height:inherit;" />
    </a>
    <!--<![endif]-->
</div>

Fonte

Il codice è composto da quattro parti. La prima parte imposta i parametri multimediali nell'email, che si tratti del video o del fallback. La seconda parte imposta un'ancora immagine che i client di posta elettronica possono richiamare per la visualizzazione. La terza parte nasconde i contenuti multimediali quando i client di posta elettronica non supportano il formato, per preservare un'esperienza utente fluida. La quarta parte imposta la riproduzione automatica del video all'apertura dell'email.

Alternative ai video HTML5 nelle e-mail

Anche se lo scenario migliore per i video nelle email è incorporarli tramite HTML5, come ho detto, l'utilizzo di HTML5 non funziona su tutti i client di posta elettronica e browser. Questo rappresenta una sfida per i marketer che desiderano utilizzare il video marketing nelle loro campagne. Avrebbero bisogno di una codifica complessa per tenere conto di tutte le variabili e implementare un'immagine di riserva. Ma esistono altre alternative per incorporare un video vero e proprio nelle email. Queste alternative aggiungono un clic in più per accedere al lettore video o alla piattaforma di hosting video. Catturano l'attenzione del lettore e sono più efficaci rispetto all'allegare o al creare un collegamento ipertestuale al video. Ecco un riepilogo:

Aggiungi un pulsante di riproduzione falso all'immagine

Non allarmatevi per la parola "falso". Il pulsante "falso" non ha lo scopo di ingannare. Piuttosto, è pensato per indicare che nell'email è presente un video.

Pensaci un attimo. Se i lettori non vedono il pulsante di riproduzione, potrebbero pensare che si tratti solo di un'immagine. Non puoi lasciare il tasso di clic delle tue email al caso.

Fonte

Guarda l'esempio sopra. Il pulsante di riproduzione cattura l'attenzione dei lettori, spingendoli a premere play. Quando premono play, vengono automaticamente indirizzati al video poiché l'immagine è collegata tramite collegamento ipertestuale al video. Questo video può essere ospitato su YouTube, Vimeo o sul tuo sito web. Per creare l'immagine con il pulsante di riproduzione fittizio, puoi catturare uno screenshot del video in un player o chiedere a un grafico di creare una miniatura del video con il pulsante di riproduzione.

Utilizzando il pulsante di riproduzione fittizio, è necessario assicurarsi che, quando l'abbonato preme il pulsante di riproduzione sull'immagine, la riproduzione del video venga avviata sulla piattaforma di hosting. Non avrebbe senso per l'utente premere il pulsante di riproduzione e poi dover navigare su un altro sito, trovare il video e riprodurlo nuovamente. L'utente potrebbe semplicemente abbandonare il sito senza guardarlo.

Usa le GIF

Puoi anche fare un ulteriore passo avanti. Invece di un'immagine statica con un pulsante di riproduzione, usa una GIF più accattivante. Il video GIF offre un'anteprima del video, invogliando il lettore a cliccarci sopra.

Il vantaggio dell'utilizzo delle GIF è che molti provider di posta elettronica e browser le supportano ampiamente. Pertanto, rappresentano una via di mezzo tra i video HTML5 incorporati nelle email e le immagini statiche. La GIF viene riprodotta subito dopo l'apertura dell'email. Ecco un esempio di GIF in un'email:

Fonte

Puoi creare una GIF utilizzando diversi strumenti online come Giphy.com o EZGif. Inoltre, per sfruttare appieno il potenziale della GIF, puoi aggiungere un pulsante di riproduzione sopra la GIF.

Ma questo è solo uno dei vantaggi delle GIF. Quando si incorpora una GIF, non è necessario alcun codice HTML. Questo è un sollievo per i marketer che non sono programmatori. Dopotutto, come marketer, è possibile sfruttare le funzionalità di video emailing senza lo stress di imparare a programmare.

Tuttavia, è necessario prestare attenzione alle dimensioni della GIF che si desidera includere nell'email. Le GIF troppo pesanti potrebbero richiedere molto tempo per caricarsi, il che sarebbe controproducente. Potrebbero anche consumare il piano dati del tuo abbonato. Quindi, assicurati che la GIF sia il più possibile di dimensioni adeguate, il più vicino possibile a 1 MB.

Pulsante di riproduzione animato

Un pulsante di riproduzione animato è un passo avanti rispetto al pulsante di riproduzione fittizio. Un pulsante di riproduzione animato può essere realizzato in molti modi creativi. Puoi farlo apparire e scomparire in dissolvenza, spostarlo sullo schermo e renderlo appariscente. Qualunque cosa tu preferisca, mantienilo sobrio in modo che non sia fastidioso per i tuoi lettori. Di seguito è mostrato un esempio di un semplice pulsante di riproduzione animato.

Fonte

Puoi anche utilizzare il pulsante di riproduzione animato in modo indipendente o sovrapporlo a un'immagine statica o a una miniatura. Se scegli di utilizzare solo il pulsante di riproduzione animato, assicurati di descrivere il video nell'email in modo che gli iscritti sappiano cosa stanno cliccando per guardare. Inserendo un pulsante di riproduzione, il consumatore saprà che è presente un video. Tuttavia, se non sa di cosa tratta il video, potrebbe ignorare del tutto il pulsante.

Abbinare il pulsante di riproduzione animato a un'immagine in miniatura è un'opzione migliore. L'immagine in miniatura fornisce un contesto al video che l'iscritto sta per guardare. Tuttavia, è necessario assicurarsi che le immagini che combinano i due elementi siano accattivanti. Non dovrebbero apparire caotiche, perché se lo facessero, allontanerebbero il lettore. È possibile anche combinare il pulsante di riproduzione animato con una GIF. I lettori saranno più confusi che attratti da due immagini in movimento.

È fondamentale incorporare correttamente un video, ma non dovrebbe essere l'unica cosa che fai come addetto al marketing. Ricorda, il tuo compito è anche quello di stuzzicare l'interesse dei lettori per il video. Il tuo obiettivo finale, dopotutto, è che i tuoi lettori clicchino e guardino. Quindi, non limitarti a garantire che il tuo video venga riprodotto. Dovresti anche fare tutto il possibile per ottenere il clic. Altrimenti, l'intera campagna di video marketing fallirà.

In chiusura

Quando si gestisce una campagna di email marketing, è necessario sfruttare tutti i suggerimenti e i trucchi disponibili per renderla più efficace. Una campagna di email marketing video è un modo per aumentarne l'efficacia. Tuttavia, incorporare un video in un'email non è facile.

Lo scenario migliore è quando è possibile incorporare un video che viene riprodotto nell'email senza reindirizzare il lettore a un nuovo sito web. Purtroppo, diversi client di posta elettronica supportano formati video diversi. Inoltre, non tutti i client di posta elettronica supportano i video HTML5.

Utilizzando HTML5, è possibile incorporare il video, che può essere visualizzato senza problemi in alcuni client di posta elettronica, ma è anche possibile impostare un elemento visivo di riserva da visualizzare nel caso in cui il video non venga riprodotto. In questo modo, si evita che il lettore veda un'immagine interrotta o una schermata nera.

Tuttavia, esistono altri modi per integrare il video nel messaggio email senza utilizzare HTML5. Puoi utilizzare un pulsante di riproduzione fittizio, una GIF animata con un pulsante di riproduzione o un pulsante di riproduzione animato. Tutti questi metodi ti consentono di trovare la soluzione ideale per te e per i tuoi iscritti.