Cómo insertar un vídeo HTML5 en un correo electrónico

HTML5 es el lenguaje de marcado más reciente para presentar y estructurar contenido en internet. HTML significa Hyper Text Markup Language (Lenguaje de Marcado de Hipertexto). Es el lenguaje estándar utilizado para crear documentos web. HTML se ha ido actualizando a medida que han evolucionado las necesidades de los usuarios. HTML5, por ejemplo, es la última actualización de HTML. Permite codificar vídeos en documentos web. HTML5 introduce específicamente la elemento para permitir la reproducción de vídeos en Internet, reemplazando el elemento.

La capacidad de vídeo que introduce HTML5 es importante, ya que el contenido de vídeo es fundamental para el marketing, la publicidad y la creación de marca. Esto demuestra que plataformas de vídeo como YouTube y TikTok siguen cosechando un éxito tremendo. Hoy en día, todas las redes sociales ya cuentan con capacidad de vídeo.

Dicho esto, es lógico que el correo electrónico también admita vídeo. Los profesionales del marketing por correo electrónico deberían poder aprovechar las ventajas del marketing de vídeo. Sin embargo, algunos clientes de correo electrónico son compatibles con HTML5, mientras que otros no. Si bien esto dificulta la integración de vídeos en los correos electrónicos, existen soluciones. Aprenda cómo insertar vídeos HTML5 en correos electrónicos y otras alternativas.

¿Cuáles son los beneficios del vídeo en el correo electrónico?

El contenido de vídeo está adquiriendo mayor importancia para aumentar la efectividad de las campañas de marketing por correo electrónicoUna encuesta de Wyzowl mostró que 92% de los estrategas de marketing Reconocen el vídeo como una parte esencial de sus esfuerzos. La razón es simple: al integrar el vídeo en el marketing por correo electrónico, los profesionales del marketing obtienen los beneficios de ambos métodos simultáneamente.

Estos son algunos de los beneficios que obtienen los profesionales del marketing al usar vídeos en el correo electrónico:

• Mayor interacción con el cliente: Al enviar un correo electrónico, el lector puede hojear el texto e intentar identificar los puntos más importantes. Pero un vídeo capta su atención de inmediato. Es más probable que dediquen más tiempo a verlo.

Supongamos que tienes una campaña para explicar el uso de un producto. La descripción del servicio suele ser extensa e instructiva. Pero cuando la misma información se presenta en un video, se vuelve más atractiva. Un lector podría leer por encima el texto, pero verá el video completo. Por lo tanto, el video aumenta el tiempo que el suscriptor interactúa con tu correo electrónico.

• Alta notoriedad de marca: Los videos aumentan la notoriedad de marca. Esto reduce las tasas de rebote y aumenta las tasas de clics, así como las de conversión. Los videos en correos electrónicos pueden lograr esto, ya que a las marcas les resulta fácil explicar su significado y mostrarlo.

Por ejemplo, las marcas pueden mostrar cómo usar tus productos. Puedes mostrar a los usuarios cómo ensamblar, reparar y desmontar el producto si es necesario.

• Generar confianza en la marca: Al escribir un correo electrónico solo con texto, puedes intentar reflejar el tono de la marca, pero esto no se compara con lo que logra un video. En un video, los destinatarios ven los rostros y las personalidades detrás de las marcas que consumen. Esto, por lo tanto, crea una relación aún más personal con tus clientes.

Una campaña eficaz puede mostrar a los empleados en el trabajo o a los empleados dando su opinión sobre su experiencia laboral. Estas representaciones generan mayor empatía en el cliente y desarrollan una conexión emocional con tu marca. Sienten que conocen la marca y se identifican con ella. Por lo tanto, hasta cierto punto, sienten que la marca les pertenece.

Esta conexión emocional y el sentido de pertenencia impulsan la fidelización del cliente y la promoción de la marca. Cuando los clientes se sienten conectados con una marca a un nivel más profundo, es más probable que se mantengan fieles, realicen compras repetidas e incluso la recomienden a otros. Por lo tanto, ampliar la representación de los empleados en su campaña puede beneficiar a su marca.

1. Confianza y autenticidad: Al mostrar a los empleados en su trabajo y sus opiniones sinceras, transmites transparencia y autenticidad. Los clientes valoran ver personas reales apasionadas por su trabajo, ya que esto genera confianza y credibilidad en tu marca. Esta confianza es fundamental para establecer relaciones duraderas con los clientes.
2. Humanizar la marca: Dar visibilidad a los empleados en tu campaña humaniza tu marca. Le da un rostro al nombre y permite a los clientes ver a las personas detrás de los productos o servicios. Este elemento humano ayuda a los clientes a conectar con tu marca a nivel personal, fomentando un vínculo emocional más fuerte.
3. Promoción de la marca por parte de los empleados: Cuando los empleados participan en la campaña y comparten sus experiencias laborales, se convierten en embajadores de la marca. Su entusiasmo y comentarios positivos pueden inspirar a los clientes y generar un sentimiento de orgullo y lealtad entre los empleados. Esto puede aumentar el compromiso y la motivación de los empleados, lo que, en última instancia, se traduce en mejores experiencias para el cliente.
4. Oportunidades para contar historias: Incorporar las historias y experiencias de los empleados en tu campaña ofrece valiosas oportunidades para contar historias. Compartir anécdotas sobre su trayectoria, retos y logros puede cautivar a tu público y crear una narrativa en torno a tu marca. Esta narrativa ayuda a los clientes a comprender los valores y la misión de tu marca, fortaleciendo aún más su conexión emocional.
5. Mayor recuerdo de marca: Cuando los clientes ven a los empleados que participan en tu campaña, se crea una impresión memorable. Las personas tienden a recordar mejor las historias y los rostros que los anuncios genéricos. Al asociar tu marca con las personas que la representan, aumentas las probabilidades de que los clientes la recuerden al tomar decisiones de compra.
6. Prueba social: Incluir las opiniones y experiencias de los empleados es una forma de prueba social. Cuando los clientes potenciales ven que los empleados hablan positivamente de tu marca, es más probable que confíen en tus productos o servicios y los elijan. Esto añade credibilidad y refuerza la idea de que vale la pena interactuar con tu marca.

Considera incorporar diversas perspectivas y mostrar los distintos roles dentro de la organización para maximizar el impacto de la imagen de los empleados en tu campaña. Esta inclusión puede conectar con un público más amplio y demostrar tu compromiso con la diversidad y la igualdad. Recuerda que la imagen de los empleados debe estar alineada con los valores de tu marca y que sus experiencias reflejen los aspectos positivos de trabajar en tu empresa.

Al incluir a los empleados en tu campaña, creas una conexión emocional que va más allá de la simple publicidad. Esta conexión fomenta la lealtad, la recomendación y un sentido de pertenencia entre los clientes, lo que en última instancia beneficia la reputación de tu marca y su éxito a largo plazo. Pero para que los profesionales del marketing aprovechen las ventajas del vídeo en el correo electrónico, primero deben saber cómo insertarlo. Como ya mencioné, algunos formatos no son compatibles con ciertos clientes de correo electrónico. Sin embargo, existe una solución.

Formatos de vídeo compatibles con el correo electrónico

Primero que nada, necesitas saber qué formatos de video son compatibles con los correos electrónicos. Si tu formato de video no es compatible, tu estrategia de correo electrónico puede resultar contraproducente. Cuando los suscriptores no pueden reproducir el video, sus expectativas se ven afectadas. experiencia del cliente se estropea. Dicho esto, aquí están los formatos de vídeo compatibles con diferentes clientes de correo electrónico.

El problema es que puede ser tedioso convertir un video a diferentes formatos y luego adjuntarlo según estos clientes de correo electrónico. Por eso, debería optar por incrustar videos HTML5 en sus correos electrónicos. Al incrustar un video HTML5 en un correo electrónico, simplifica la compatibilidad entre dispositivos, navegadores y plataformas. También permite compartir y personalizar. Complemente esto con un buen alojamiento web para SEO y podrá garantizar la mejor experiencia de usuario para sus suscriptores de correo electrónico.

A continuación se muestra una lista que indica dónde funcionan los vídeos HTML5 y dónde muestran la visualización de respaldo.

Aunque los clientes de correo electrónico como Gmail no admiten vídeo HTML5, la mayoría de los usuarios de correo electrónico aún lo utilizan. Por eso, es fundamental saber cómo insertar un elemento visual alternativo.

Descripción general del vídeo HTML5 en un correo electrónico

Pero, ¿por qué deberías insertar un vídeo HTML5 en tu correo electrónico, uno de tus canales de marketing esenciales para el comercio minorista, el B2C y el SaaS, cuando puedes añadirlo como archivo adjunto o crear un hipervínculo?

En primer lugar, existe un límite en el tamaño de los vídeos que puedes adjuntar a un correo electrónico. Algunos vídeos son largos y contienen muchos gráficos. Los clientes de correo electrónico no suelen admitir este tipo de vídeos. Este límite te restringe y puede incluso obligarte a comprimir el vídeo hasta que pierda calidad. Esto es algo que tus destinatarios no apreciarán.

En segundo lugar, cuando el vídeo incluye un hipervínculo mediante texto ancla, el lector no recibe el incentivo necesario para hacer clic y acceder a otro sitio web para ver el vídeo. Leerá el texto ancla sin hacer clic en el enlace. Algunos incluso podrían posponer la visualización del vídeo tras terminar de leer el texto. Podrían distraerse y no volver a verlo jamás.

Insertar un vídeo HTML5 es genial porque facilita que el destinatario del correo electrónico lo vea. El lector no tendrá que hacer clic en nada. Mientras el correo esté abierto, el vídeo se reproducirá. Si es interesante, es más probable que el suscriptor lo vea hasta el final. Puedes usar StackOverflow para insertar vídeos HTML5 en tus correos electrónicos. Pero para que te hagas una idea, aquí tienes una descripción general de cómo hacerlo:

Cómo insertar un vídeo HTML5 en un correo electrónico

Insertar un vídeo con HTML5 se puede hacer de diferentes maneras. Puedes configurar la imagen de respaldo y los parámetros de la imagen usando estos métodos.

Utilizando el elemento Objeto

El El elemento <video> es una de las formas de insertar un vídeo en un correo electrónico. Se utiliza para insertar diferentes tipos de contenido multimedia en documentos HTML. El elemento incorpora controles ActiveX.

Los controles ActiveX son pequeños programas que se utilizan a través de Internet para mejorar la experiencia del usuario. Al interactuar con el elemento del objeto, se activan las tecnologías de integración ActiveX en la World Wide Web. En este elemento, a continuación se detallan las especificaciones multimedia que desea insertar en su documento HTML5. Estas pueden ser imágenes, audio, archivos PDF, animaciones Flash y, en este caso, archivos de vídeo.

Puedes usar este código para insertar un vídeo usando

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

Sin embargo, utilizando el No siempre cuenta con un soporte óptimo. Su eficacia depende del objeto que se esté integrando.

Utilizando el elemento de vídeo

HTML5 El elemento se lanzó recientemente. Es una forma más estándar de insertar archivos de vídeo en internet, incluido el correo electrónico. Además, cuenta con una mayor compatibilidad con los navegadores web modernos.

Puedes usar el siguiente código para insertar tu vídeo usando el 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>

Fuente

El código consta de cuatro partes. La primera define los parámetros multimedia del correo electrónico, ya sea el vídeo o la imagen de respaldo. La segunda establece un enlace de imagen para que los clientes de correo electrónico lo soliciten para su visualización. La tercera oculta el contenido multimedia cuando los clientes de correo electrónico no admiten el formato, para garantizar una experiencia de usuario óptima. La cuarta configura el vídeo para que se reproduzca automáticamente al abrir el correo electrónico.

Alternativas al vídeo HTML5 en el correo electrónico

Aunque la mejor opción para insertar vídeos en correos electrónicos es hacerlo mediante HTML5, como ya mencioné, HTML5 no funciona en todos los clientes de correo ni en todos los navegadores. Esto supone un reto para los profesionales del marketing que desean utilizar el vídeo en sus campañas. Necesitarían una programación compleja para tener en cuenta todas las variables e implementar una alternativa visual. Sin embargo, existen otras alternativas para insertar un vídeo en tus correos electrónicos. Estas alternativas requieren un clic adicional para acceder al reproductor o a la plataforma de alojamiento de vídeo. Captan la atención del lector y son más efectivas que adjuntar el vídeo o crear un enlace. A continuación, te las explico:

Agregar botón de reproducción falso a la imagen

No se asuste por la palabra “falso”. El botón “falso” no pretende engañar. Simplemente indica que el correo electrónico contiene un vídeo.

Piénsalo. Si los lectores no ven el botón de reproducción, podrían pensar que solo tienes una imagen. No puedes dejar al azar la tasa de clics de tus correos electrónicos.

Fuente

Fíjate en el ejemplo de arriba. El botón de reproducción llama la atención del lector, invitándolo a reproducirlo. Al hacerlo, se le redirige automáticamente al vídeo, ya que la imagen está vinculada a él. Este vídeo puede alojarse en YouTube, Vimeo o tu sitio web. Para crear la imagen con el botón de reproducción falso, puedes hacer una captura de pantalla del vídeo en un reproductor o encargar a un diseñador gráfico que cree una miniatura con el botón.

Al usar el botón de reproducción falso, debes asegurarte de que, cuando el suscriptor pulse reproducir en la imagen, el vídeo comience a reproducirse en la plataforma de alojamiento. No tendría sentido que el usuario pulsara reproducir y luego tuviera que ir a otro sitio, buscar el vídeo y reproducirlo de nuevo. Podría terminar abandonando la página sin verlo.

Utiliza GIFs

También puedes ir un paso más allá. En lugar de una imagen estática con un botón de reproducción, usa un GIF más llamativo. El GIF ofrece un adelanto del vídeo, incitando al lector a hacer clic.

La ventaja de usar GIF es que muchos proveedores de correo electrónico y navegadores los admiten ampliamente. Por lo tanto, representan un punto intermedio entre los vídeos HTML5 incrustados en correos electrónicos y las imágenes estáticas. El GIF se reproduce justo después de abrir el correo electrónico. Aquí tienes un ejemplo de un GIF en un correo electrónico:

Fuente

Puedes crear un GIF usando diversas herramientas en línea como Giphy.com o EZGif. Además, para aprovechar al máximo el potencial del GIF, puedes añadir un botón de reproducción encima.

Pero esta es solo una de las ventajas de los GIF. Al insertar un GIF, tampoco necesitas escribir código HTML. Esto supone un gran alivio para los profesionales del marketing que no son programadores. Al fin y al cabo, como profesional del marketing, puedes aprovechar las ventajas del envío de vídeos por correo electrónico sin tener que preocuparte por aprender a programar.

Sin embargo, debes prestar atención al tamaño del GIF que incluyas en tu correo electrónico. Los GIF pesados ​​pueden tardar en cargarse, lo cual sería contraproducente. Además, podrían consumir los datos móviles de tus suscriptores. Por lo tanto, asegúrate de que el GIF tenga un tamaño adecuado, lo más cercano posible a 1 MB.

Aprovechar el botón de reproducción animada

Un botón de reproducción animado es una mejora con respecto al botón de reproducción estático. Se puede crear de muchas maneras creativas: con efectos de aparición y desaparición graduales, moviéndolo por la pantalla o haciéndolo llamativo. Sea cual sea tu preferencia, procura que sea discreto para no molestar a tus lectores. A continuación, se muestra un ejemplo de un botón de reproducción animado sencillo.

Fuente

También puedes usar el botón de reproducción animado de forma independiente o superponerle una imagen estática o una miniatura. Si optas por usar solo el botón de reproducción animado, asegúrate de describir el vídeo en tu correo electrónico para que los suscriptores sepan qué están viendo. Al incluir un botón de reproducción, el usuario sabrá que hay un vídeo. Sin embargo, si desconoce de qué trata, podría ignorarlo por completo.

Combinar el botón de reproducción animado con una imagen en miniatura es una mejor opción. La imagen en miniatura proporciona contexto sobre el video que el suscriptor está a punto de ver. Sin embargo, debes asegurarte de que la combinación visual de ambos elementos sea atractiva. No debe verse caótica, ya que esto ahuyentará al lector. Combinar el botón de reproducción animado con un GIF también es una mala idea. Sin embargo, dos imágenes en movimiento confunden más que atraen a los lectores.

Debes insertar un video correctamente, pero no debería ser lo único que hagas como profesional del marketing. Recuerda que tu trabajo también consiste en despertar el interés de los lectores por el video. Al fin y al cabo, tu objetivo final es que hagan clic y lo vean. Así que no te limites a asegurarte de que el video se reproduzca. También debes hacer todo lo posible para conseguir que hagan clic. De lo contrario, toda la campaña de video marketing fracasará.

En el cierre

Al ejecutar una campaña de email marketing, es fundamental aprovechar al máximo todos los consejos y trucos disponibles para maximizar su impacto. Una campaña de email marketing con vídeo es una excelente manera de aumentar su efectividad. Sin embargo, insertar un vídeo en un correo electrónico no es tarea sencilla.

Lo ideal es poder insertar un vídeo que se reproduzca directamente en el correo electrónico sin redirigir al lector a una nueva página web. Lamentablemente, los distintos clientes de correo electrónico admiten diferentes formatos de vídeo. Además, no todos los clientes de correo electrónico son compatibles con vídeos HTML5.

Mediante HTML5, puedes insertar el vídeo para que se visualice sin problemas en algunos clientes de correo electrónico, pero también puedes configurar una imagen alternativa que se muestre en caso de que el vídeo no se reproduzca. De esta forma, se evita que el lector vea una imagen distorsionada o una pantalla negra.

Sin embargo, existen otras maneras de integrar tu video en tu correo electrónico sin usar HTML5. Puedes usar un botón de reproducción falso, un GIF animado con un botón de reproducción o un botón de reproducción animado. Todas estas opciones te permiten encontrar la solución ideal que funcione tanto para ti como para tus suscriptores.