En este art\u00edculo te contar\u00e9 las ventajas que tiene incluir im\u00e1genes din\u00e1micas en tus newsletters, consideraciones t\u00e9cnicas para crear los mejores emails as\u00ed como ejemplos reales para usarlos con un prop\u00f3sito.<\/p>\n\n\n\n\n\n
Dicho esto, seguro que te est\u00e1s preguntando:<\/p>\n\n\n\n
\u00bfSe puede poner un GIF animado en una newsletter?<\/h2>\n\n\n\n
No solo se puede, se debe. M\u00e1s abajo veremos c\u00f3mo hacerlo.<\/p>\n\n\n\n
Un GIF es un formato de imagen que permite mediante m\u00faltiples fotogramas proporcionar una secuencia animada<\/strong>. A esto es lo que llamamos un GIF animado. <\/p>\n\n\n\n Y aqu\u00ed te dejo un ejemplo que seguro has visto m\u00e1s de una vez.<\/p>\n\n\n\n Nuestros buzones de entrada han recibido muchos GIFs creativos mostrando productos y comunicando de la manera m\u00e1s visual. Seguro que t\u00fa has recibido alguno, \u00bfrecuerdas lo que pensaste cuando lo viste?<\/p>\n\n\n\n Los GIFs animados son una buena idea para darle movimiento y vida<\/strong> a lo que las marcas quieren contar con sus t\u00e9cnicas de storytelling<\/em>. Pero\u2026 \u00bfPor qu\u00e9 deber\u00edas usarlos en tus campa\u00f1as de email marketing?<\/p>\n\n\n\n Veamos algunos puntos fuertes:<\/p>\n\n\n\n El lenguaje audiovisual es muy potente para transmitir los mensajes que queremos a los lectores<\/strong>. Mediante una imagen animada podemos hacer sentir de cierta forma al lector e invitarle a que realice alguna acci\u00f3n simplemente usando el GIF para dirigir la mirada hacia un simple bot\u00f3n. Esto lo veremos m\u00e1s abajo.<\/p>\n\n\n\n De la misma forma, rompemos el formato cl\u00e1sico que se espera de una newsletter como es el texto. Combinar texto con im\u00e1genes y otros elementos da m\u00e1s dinamismo la lectura<\/strong> y podemos ir guiando la atenci\u00f3n de los receptores<\/strong>.<\/p>\n\n\n\n No se recomienda incluir muchas im\u00e1genes en un email. Por esto es muy acertado condensarlas en formato GIF para mostrar, por ejemplo, distintos productos en una misma imagen animada en lugar de insertar cinco y aumentar el peso del correo.<\/p>\n\n\n\n Tambi\u00e9n recomiendo convertir cualquier v\u00eddeo a .gif para incluirlo en el email. M\u00e1s abajo me detengo en ello.<\/p>\n\n\n\n M\u00e1s importante a\u00fan para las l\u00edneas de fondo profesionales de marketing, con una campa\u00f1a basada en un GIF se ha demostrado que han aumentado el compromiso y las conversiones de correo electr\u00f3nico<\/strong>. <\/p>\n\n\n\n En este caso concreto, Dell aument\u00f3 la conversi\u00f3n de correo electr\u00f3nico en un 103 %<\/strong> y en un 109 % sus ingresos.<\/p>\n\n\n\n En relaci\u00f3n al uso de los GIFs animados, te invito a que le eches un vistazo a nuestro art\u00edculo sobre emails interactivos<\/a>.<\/p>\n\n\n\n Dependiendo del n\u00famero de fotogramas y su resoluci\u00f3n, los GIFs pueden convertirse en archivos demasiado grandes. \u00c9stos pueden ir lentos en cuanto a la carga de la imagen y puede no conseguir el efecto para el que han sido creados. <\/p>\n\n\n\n Aqu\u00ed te dejo algunos consejos para reducir el tama\u00f1o de tu GIF son los siguientes:<\/p>\n\n\n\n No hay una regla fija para el tama\u00f1o del archivo, pero algo bueno es para mantener el GIF por debajo de los 200-250 KB<\/strong>.<\/p>\n\n\n\n Ten en cuenta que cuanto m\u00e1s pesen, m\u00e1s tarda en cargar y es probable que tenga problemas de entregabilidad. As\u00ed es que lo mejor es optimizarlos cuanto m\u00e1s, mejor.<\/p>\n\n\n\n En relaci\u00f3n a las dimensiones, mi recomendaci\u00f3n es que no sobrepase los 600 p\u00edxeles de ancho<\/strong>. No te preocupes por la cuesti\u00f3n t\u00e9cnica que en el siguiente apartado te compartir\u00e9 algunas herramientas para crear y editar tus GIFs y conseguir el tama\u00f1o adecuando<\/strong>.<\/p>\n\n\n\n Ahora s\u00ed, empieza la parte pr\u00e1ctica de esta gu\u00eda para usar GIFs animados en tus newsletters.<\/p>\n\n\n\n Se pueden dar tres casos que veremos uno a uno:<\/p>\n\n\n\n Si ya tienes un archivo GIF animado propio en formato .gif es tan sencillo como insertarlo con un bloque de imagen<\/strong> desde la propia plantilla de email.<\/p>\n\n\n\n As\u00ed es como quedar\u00eda utilizando el editor de plantillas de email de Acumbamail:<\/p>\n\n\n\n Si por el contrario no sabes c\u00f3mo crear uno, partiendo de un v\u00eddeo o de varias im\u00e1genes que trataremos de animar es muy sencillo. <\/p>\n\n\n\n Convertir un v\u00eddeo en GIF resulta realmente sencillo con el programa online GIFyoutube<\/a> o GifRun<\/a>. Simplemente tenemos que coger la URL de un v\u00eddeo de YouTube, indicar el lapso de tiempo y autom\u00e1ticamente se genera un GIF <\/strong>que podr\u00e1s guardar en tu ordenador para luego subirlo a tu plataforma de email marketing.<\/p>\n\n\n\n Adem\u00e1s, con estas herramientas puedes recortar parte de la imagen, a\u00f1adir stickers incluso texto. \u00a1Es una maravilla para subir de nivel tus GIFs!<\/p>\n\n\n\n Tambi\u00e9n puedes crear un GIF animado con Photoshop, o bien, de una forma mucho m\u00e1s sencilla y gratuita con programas online como:<\/p>\n\n\n\n – Picasion.com<\/a><\/p>\n\n\n\n – Gickr.com<\/a><\/p>\n\n\n\n – Bloggif.com<\/a><\/p>\n\n\n\n – Makeagif.com<\/a><\/p>\n\n\n\n – Ezgif.com<\/a><\/p>\n\n\n\n Te invito a que pruebes varios y te quedes con aquel que m\u00e1s te guste y se ajuste a tus necesidades.<\/p>\n\n\n\n Y si prefieres utilizar un GIF que ya existe, pero no sabes d\u00f3nde encontrarlo, la respuesta est\u00e1 en el Google de los GIFs: Giphy.com<\/a>. <\/p>\n\n\n\n Con la integraci\u00f3n nativa de Giphy<\/strong>, podr\u00e1s a\u00f1adir directamente los GIFs creando una plantilla con Acumbamail. Bastar\u00e1 con que arrastres un bloque de GIF, busques por palabra clave el que m\u00e1s te guste y listo.<\/p>\n\n\n\n Tienes m\u00e1s informaci\u00f3n sobre c\u00f3mo hacerlo en este art\u00edculo de soporte<\/a>.<\/p>\n\n\n\n Hay que poner atenci\u00f3n porque el uso de GIF requiere unas consideraciones que me gustar\u00eda mencionar a continuaci\u00f3n. No todo vale.<\/p>\n\n\n\n Los GIFs llevan tanto tiempo como internet y mientras su uso en email ha crecido y se ha hecho m\u00e1s popular recientemente, los lectores ya se han acostumbrado a verlos en los pop up de las bandejas de entrada. Los GIFs son una parte importante de tu caja de herramientas en las t\u00e9cnicas de storytelling<\/em>.<\/p>\n\n\n\n No incluyas un GIF en un email solamente por ponerlo<\/strong>. Primero, piensa en la historia que quieras contar (empieza siempre centr\u00e1ndote en el contenido de cualquier email) y posteriormente determina el mejor medio para contarlo.<\/p>\n\n\n\n Este GIF de Jet, la plataforma de compra, es divertido y llamativo, pero no ilustra nada \u2013 es exclusivamente decorativo.<\/p>\n\n\n\n La marca AeroPress s\u00ed incluye la imagen animada como parte de la historia que quiere comunicar. En concreto invita al usuario a prepararse en ese momento un caf\u00e9 y la llamada a la acci\u00f3n del bot\u00f3n que aparece despu\u00e9s del GIF es precisamente ense\u00f1arle c\u00f3mo hacerlo.<\/p>\n\n\n\n Y as\u00ed se ve el GIF que muestra parte del producto y anima al usuario a prepararse el caf\u00e9. <\/p>\n\n\n\n Tip<\/strong> Piensa bien sobre c\u00f3mo podr\u00edas utilizar tu GIF para que cumpla el objetivo de comunicar algo significativo y obtener m\u00e1s clics.<\/p>\n\n\n\n Este caso es fundamental en cualquier campa\u00f1a de email marketing. Ya hemos hablado alguna vez de los objetivos que debe tener cada tipo de campa\u00f1a que lancemos. <\/p>\n\n\n\n Los GIFs nos pueden ayudar a conseguirlo dirigiendo la vista a ese bot\u00f3n que dirige directamente hacia el objetivo<\/strong>: puede ser de venta o cualquier otra que te hayas marcado.<\/p>\n\n\n\n Mira este ejemplo:<\/p>\n\n\n\n Es muy interesante c\u00f3mo juegan con los tri\u00e1ngulos para dirigir la mirada hacia el bot\u00f3n central \u201cGo\u201d que es el que enlaza con la web.<\/p>\n\n\n\n Tip.<\/strong> No te olvides de a\u00f1adir el enlace hacia la p\u00e1gina de destino<\/a> donde quieres llevar al usuario.<\/p>\n\n\n\n Si sueles a\u00f1adir v\u00eddeos en tus newsletters, toma nota porque este truco te ayudar\u00e1 a conseguir m\u00e1s clics.<\/p>\n\n\n\n Ya sabemos lo est\u00e1tico que es el formato email. Nos limita a la hora de poder reproducir un v\u00eddeo dentro del correo y la mayor\u00eda de veces tienes que resolverlo haciendo una captura del mismo.<\/p>\n\n\n\n Pues bien, aqu\u00ed entra en juego el GIF porque puedes convertir un v\u00eddeo en un GIF animado e incluir cierto dinamismo en el correo<\/strong>. <\/p>\n\n\n\n Te dejo un par de herramientas para hacerlo:<\/p>\n\n\n\n La configuraci\u00f3n de visualizaci\u00f3n de im\u00e1genes de los suscriptores son un bloque potencial en los archivos GIF, al igual que lo son para todas las im\u00e1genes. Los que tienen la visualizaci\u00f3n de im\u00e1genes desactivada no quieren ver tus GIFs (porque las im\u00e1genes no cargan). Por lo tanto, incluir un texto alternativo es tan importante como para las im\u00e1genes normales<\/strong>.<\/p>\n\n\n\n Y mientras los GIFs animados son muy bien aceptados por los clientes de email, hay algunos m\u00e1s anticuadas que no leen GIF y por tanto solo cargan el primer fotograma<\/strong>.<\/p>\n\n\n\n Banana Republic dise\u00f1a un GIF sabiamente, con un fotograma inicial:<\/p>\n\n\n\n Y aqu\u00ed est\u00e1 la animaci\u00f3n completa:<\/p>\n\n\n\n Tip.<\/strong> Esta es una buena idea porque si falla la carga del GIF al menos pueden ver la imagen.<\/p>\n\n\n\n El storytelling <\/em>visual en el email est\u00e1 aumentando la efectividad y sofisticaci\u00f3n, gracias, en parte, a los GIFs. Esto es porque comunican r\u00e1pidamente y rompen con los grandes textos, pero deben usarse bien para que tengan el efecto que queremos<\/strong>.<\/p>\n\n\n\n A modo de resumen, te dejamos las siguientes notas:<\/p>\n\n\n\n Usa estos consejos la pr\u00f3xima vez que quieras enviar un GIF animado en tu email. <\/p>\n\n\n\n Te recordamos que puedes incluir GIFs en tu pr\u00f3xima campa\u00f1a con nuestro editor. Es tan f\u00e1cil como arrastrar y soltar los GIFs directamente en tu mensaje. Te animamos a probarlo. \u00a1Haznos saber c\u00f3mo te fue!<\/p>\n\n\n\n![\"Meme](\"https:\/\/media3.giphy.com\/media\/11ISwbgCxEzMyY\/giphy.gif\")
<\/a>\n<\/div><\/figure>\n\n\n\nVentajas de usar GIFs en los emails<\/h2>\n\n\n\n
Comunican mediante imagen<\/h3>\n\n\n\n
Diferenciaci\u00f3n en el mensaje<\/h3>\n\n\n\n
Su peso es menor que otro formato audiovisual<\/h3>\n\n\n\n
Aumento de la conversi\u00f3n<\/h3>\n\n\n\n
![\"Uso](\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/02\/Dell_emailmovement.gif\")
Consideraciones t\u00e9cnicas para a\u00f1adir un GIF en tus campa\u00f1as de email<\/h2>\n\n\n\n
\n
\n
\n
\n
\u00bfCu\u00e1l es el peso perfecto para un .gif?<\/strong><\/h3>\n\n\n\n
<\/p>\n\n\n\nC\u00f3mo a\u00f1adir GIFs en emails, paso a paso<\/h2>\n\n\n\n
\n
Cuando ya tienes el archivo .gif creado<\/h3>\n\n\n\n
![\"C\u00f3mo](\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/02\/gif-en-editor-de-email-1.gif\")
Cuando quieres crear un GIF animado desde cero<\/h3>\n\n\n\n
![\"C\u00f3mo](\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/02\/gifyoutube-1024x558.jpg\")
Herramientas para crear GIFs<\/h4>\n\n\n\n
Cuando quieres usar un GIF ya existente<\/h3>\n\n\n\n
![\"C\u00f3mo](\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/02\/GIF-en-email-giphy-1024x576-1.png\")
Buenas pr\u00e1cticas y ejemplos para usar GIFs animados en tus newsletters<\/h2>\n\n\n\n
Piensa en el prop\u00f3sito del GIF<\/h3>\n\n\n\n
Ejemplo de mal uso del GIF<\/h3>\n\n\n\n
![\"Usar](\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/02\/jet-1-1024x768.gif\")
Ejemplo de buen uso de GIF en un email<\/h3>\n\n\n\n
![\"Usar](\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/02\/Screen-Shot-2015-12-14-at-3.58.51-PM.png\")
Dirige a los lectores a tu CTA con un GIF<\/h3>\n\n\n\n
![\"Usar](\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/02\/Ann-Taylor.gif\")
Transforma tus v\u00eddeos en GIFs<\/h3>\n\n\n\n
![\"Usar](\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/02\/liveintent.gif\")
\n
Pon atenci\u00f3n al primer fotograma<\/h3>\n\n\n\n
![\"Usar](\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/02\/Screen-Shot-2015-12-14-at-2.41.34-PM.png\")
![\"Usar](\"https:\/\/acumbamail.com\/blog\/wp-content\/uploads\/2022\/02\/banana-630x1024.gif\")
Conclusiones sobre el uso de GIFs en un email<\/h2>\n\n\n\n
\n
\n
\n
\n
\n