Contenido
El creador de plantillas de correo ofrece dos métodos para agregar un video a una plantilla:
- insertar un enlace URL al video;
- incrustar el video.
Método 1. Enlace URL al video
Este método funciona en todos los clientes de correo y en todos los dispositivos.
Para insertar un enlace URL al video:
- Cree una estructura de una columna.
- Añada el bloque «Video».
- Haga clic con el botón izquierdo del ratón en el contenedor de la plantilla.
- Inserte un enlace al video en YouTube, Vimeo o VK.
Nota
El enlace debe ser directo y no contener parámetros adicionales, como los vinculados a un perfil. Por ejemplo:
https://youtu.be/p1NT44lI_Es?si=OWOCshEX1LCEiK6u.
- Elija el color del botón de reproducción: blanco, rojo o negro.
La miniatura o imagen de vista previa del video se añade automáticamente, aunque también puede configurarse manualmente.
Método 2. Incrustar un video
El video incrustado se reproduce directamente en el correo. Los destinatarios no necesitan abrir otro sitio para verlo.
¡Importante!
La reproducción no está disponible en todos los clientes de correo. Este tipo de contenido solo es compatible con Apple Mail, la aplicación Mail nativa de iOS, Thunderbird y Outlook para Mac.
El video se incrusta mediante HTML.
Para insertar el código en la plantilla de correo, cree una estructura de una columna y añada un bloque «HTML».
A continuación, haga clic con el botón izquierdo del ratón en «Inserte su HTML en el editor de código» dentro de la plantilla para abrir el editor. Añada el siguiente código:
<video class="adapt-img" controls="controls" poster="https://tlr.stripocdn.email/content/guids/CABINET_0bd21bea47f1cfb916fb84d59a107495/images/92621531318217276.jpg" width="100%" height="313">
<source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
<source src="http://www.w3schools.com/html/mov_bbb.webm" type="video/webm">
<a href="https://www.youtube.com/watch?v=ryqOEPk51Lg/" class="esd-frame-element esd-hover-element esdev-disable-select"><img class="adapt-img" src="https://tlr.stripocdn.email/content/guids/CABINET_0bd21bea47f1cfb916fb84d59a1034/images/48461531318273724.jpg" alt="" width="100%" height="313"></a>
</video>Los elementos <source> están destinados a los dispositivos y clientes de correo que admiten la reproducción del video. El enlace con la imagen se utiliza como alternativa cuando el cliente no admite esta interactividad: al hacer clic en la vista previa, el destinatario accederá a YouTube, Vimeo u otro servicio de alojamiento de videos.
De este modo, los destinatarios que no puedan reproducir el video directamente en el correo podrán abrirlo en el sitio correspondiente.
Configuración del código de inserción
- Cargue en cualquier sitio la imagen que se utilizará como vista previa del video para los usuarios de dispositivos Apple. Inserte su URL después del atributo
poster.
Los videos MP4 generan su propia miniatura, pero esta no se muestra en iPhone X ni en dispositivos con pantalla Retina. El botón de reproducción aparecerá automáticamente sobre la imagen.
- Convierta el video al formato MP4 mediante un servicio de alojamiento de videos. En el código, sustituya la URL del atributo
srcdel elementosourcepor la URL correspondiente. - Convierta el video MP4 al formato WebM e inserte la URL en la línea de código correspondiente. Esta versión se reproducirá en los dispositivos compatibles con dicho formato.
- Cargue una segunda imagen para utilizarla como vista previa y añada sobre ella un icono de reproducción. Puede ser una captura del video en YouTube; se mostrará en los clientes de correo que todavía no admitan la reproducción interactiva.
- Cargue el video en YouTube, Vimeo, su propio sitio u otro servicio e inserte su URL en el atributo
href, sustituyendo el enlace existente. Cuando el destinatario pulse el botón de reproducción, accederá al sitio correspondiente.