Stripo proporciona dos métodos para agregar el video a una plantilla:
- inserta un enlace URL del video;
- insertar video.
Método 1. Enlace URL del video
Este método funciona perfectamente en todos los correos y en todos los dispositivos.
Para insertar un enlace URL del video, debes:
- crear una estructura con 1 columna;
- agregar un bloque "Video";
- haz clic con el botón izquierdo del mouse en el contenedor de la plantilla;
- inserte un enlace de un video en YouTube o Vimeo;
- elige el color del botón de reproducción: blanco, rojo o negro.
La miniatura/imagen de la vista previa del vídeo se inserta automáticamente, pero también puede instalarla usted mismo.
Método 2. Insertar video
Los videos insertados se reproducen directamente en los correos electrónicos. Los destinatarios no necesitan ir a otro sitio para verlos.
La reproducción no está disponible en todos los anuncios publicitarios. De hecho, solo Apple Mail, iOS Native Mail, Thunderbird y Outlook para Mac admiten este tipo de contenido.
El video incrustado se agrega usando HTML.
Para incrustar este código en una plantilla de carta, debes crear una estructura con 1 columna y agregarle un bloque HTML.
A continuación, haz clic con el botón izquierdo en "Pegar su HTML en el editor de código" en la plantilla para abrir el editor de código. Agrega el código en sí:
<video class="adapt-img" controls="controls" poster="https://tlr.stripocdn.email/content/guids/CABINET_0bd21bea47f1cfb916fb84d59a1034/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">
<!-- fallback -->
<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>La parte del código antes de la palabra "fallback" está destinada a aquellos destinatarios cuyos dispositivos y remitentes de correo admiten esta interactividad. Mientras que la parte siguiente es para aquellos cuyos clientes no la admiten. Serán redirigidos a YouTube, Vimeo u otros sitios de alojamiento de videos.
Al usar este código, puedes estar seguro de que todos los usuarios verán el video que deseas compartir.
Configuración del código de inserción
- Sube la imagen que vas a usar para el video en cualquier sitio; se usará como una vista previa para los usuarios con dispositivos Apple.
El video MP4 genera su propia imagen en miniatura, pero no aparece en los dispositivos de visualización iPhone X y Retina. El botón de reproducción aparecerá automáticamente. Pega este enlace después del atributo "Póster".
- Convierte el videos en formato MP4 usando cualquier servicio de alojamiento de videos. En el código, reemplaza el enlace después del atributo "source src" con tu URL.
- Convierte el video MP4 al formato WebM y pega el enlace en la línea correspondiente del código. Este video se reproducirá en aquellos dispositivos que admiten este formato.
- Sube la segunda imagen que vas a usar para la vista previa. Agrega una imagen del botón "reproducir" encima. De hecho, puede ser una captura de pantalla de un video de Youtube: se mostrará en todos los anuncios publicitarios que aún no admiten la interactividad.
- Sube el video a Youtube (Vimeo, tu sitio, etc.) y pega la URL en el atributo "href" después de las comillas en lugar del enlace existente. Tan pronto como el destinatario haz clic en el botón "reproducir", será redirigido al sitio correspondiente.