{"id":31734,"date":"2024-11-11T10:31:00","date_gmt":"2024-11-11T10:31:00","guid":{"rendered":"https:\/\/doc.probance.com\/?p=31734"},"modified":"2025-10-29T09:33:51","modified_gmt":"2025-10-29T09:33:51","slug":"como-usar-gifs-en-tus-campanas-de-email-marketing-y-dar-valor-a-tus-productos","status":"publish","type":"post","link":"https:\/\/doc.probance.com\/es\/como-usar-gifs-en-tus-campanas-de-email-marketing-y-dar-valor-a-tus-productos\/","title":{"rendered":"C\u00f3mo usar GIFs en tus campa\u00f1as de email marketing y dar valor a tus productos"},"content":{"rendered":"\n<p><em>Un GIF (Graphic Interchanger Format o formato de intercambio de gr\u00e1ficos) es un formato de imagen animada que a\u00f1ade un toque de creatividad a tus plantillas, una buena combinaci\u00f3n entre las im\u00e1genes est\u00e1ticas y el v\u00eddeo.<\/em><\/p>\n\n\n\n<div style=\"height:4px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Ventajas de un GIF en comparaci\u00f3n con una imagen est\u00e1tica (PNG o JPG) en un correo electr\u00f3nico<\/h2>\n\n\n\n<p>Utilizar un GIF en tu plantilla te permitir\u00e1 darle movimiento y captar mejor la atenci\u00f3n de tu destinatario. Esto es \u00fatil si quieres destacar la informaci\u00f3n principal de tu comunicaci\u00f3n, como una <strong>promoci\u00f3n<\/strong> o el <strong>lanzamiento de un producto.<\/strong><\/p>\n\n\n\n<p>Otra ventaja, y no menor, es que el GIF ocupa el mismo espacio que una simple imagen, pero puede mostrar varios productos, contar una historia o a\u00f1adir un toque de humor a tu comunicaci\u00f3n.<\/p>\n\n\n\n<p>Por \u00faltimo, este formato es le\u00eddo&nbsp; correctamente por la mayor\u00eda de los clientes de correo electr\u00f3nico: Orange, Gmail, SFR, Yahoo!, Outlook en Mac 2011, AOL mail y Outlook.com. As\u00ed como la mayor\u00eda de los programas: Outlook Express, Outlook en Mac 2011, Apple Mail, Thunderbird, Windows Live Mail 2011, Lotus Notes (6, 7, 8, 5) y Outlook de 2000 a 2003.<\/p>\n\n\n\n<p>Las versiones de Outlook de 2007 a 2013 no leen los archivos GIF, pero s\u00ed permiten mostrar la primera imagen utilizada.<\/p>\n\n\n\n<p>En definitiva, el punto fuerte del GIF es que es <strong>ligero y din\u00e1mico<\/strong>. Son animados y <strong>tambi\u00e9n despiertan el inter\u00e9s del destinatario<\/strong>.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Ventajas del GIF sobre el v\u00eddeo<\/h2>\n\n\n\n<p>Es posible insertar un v\u00eddeo en un correo electr\u00f3nico, pero te encontrar\u00e1s con tres grandes inconvenientes.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Primero<\/strong>: crear un v\u00eddeo es m\u00e1s complejo y requiere m\u00e1s tiempo que crear un GIF. Para crear un GIF <strong>solo se necesitan 2 im\u00e1genes<\/strong>, mientras que un v\u00eddeo requerir\u00e1 un guion y el uso de una herramienta de grabaci\u00f3n y edici\u00f3n.<\/li>\n\n\n\n<li><strong>Segundo<\/strong>: una vez que tu v\u00eddeo est\u00e9 terminado y guardado, a menudo tendr\u00e1s que hacer algunos ajustes en las l\u00edneas HTML de tu plantilla para integrarlo.<\/li>\n\n\n\n<li><strong>Por \u00faltimo<\/strong>: el formato de v\u00eddeo es menos compatible con los clientes de correo electr\u00f3nico que el formato GIF.<\/li>\n<\/ul>\n\n\n\n<p>Por lo tanto, no es mala idea utilizar un v\u00eddeo en una campa\u00f1a de correo electr\u00f3nico, pero requiere m\u00e1s recursos y m\u00e1s tiempo de desarrollo.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Buenas pr\u00e1cticas en el uso del GIF para dar valor a tus productos y a rese\u00f1as de clientes en tus campa\u00f1as de email marketing<\/h2>\n\n\n\n<p>Puedes utilizar im\u00e1genes animadas para atraer la mirada de tus contactos sobre tu producto. Le principio es simple: <strong>el movimiento capta la mirada<\/strong>. Puedes, por tanto, utilizar GIFs para atraer la mirada de tus contactos a las zonas estrat\u00e9gicas de tus emails.<\/p>\n\n\n\n<p>Hay tres tipos de productos que podr\u00edan ser interesantes para ser desplegados en formato GIF: <strong>productos en tendencia<\/strong>, tus <strong>productos populares<\/strong> y <strong>tus novedades<\/strong>. Del mismo modo, puedes presentar en formato GIF las <strong>rese\u00f1as de tus clientes<\/strong>, y hacer as\u00ed tus correos m\u00e1s din\u00e1micos.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1530\" height=\"454\" src=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2024\/11\/ezgif.com-optimize-1-1-1.gif\" alt=\"\" class=\"wp-image-31772\" style=\"width:700px\"\/><\/figure>\n\n\n\n<p>Los <strong>productos en tendencia<\/strong> son productos con un fuerte crecimiento de las ventas durante un determinado periodo de tiempo. En el comercio electr\u00f3nico, esto podr\u00eda deberse a los cambios estacionales: una ola de fr\u00edo y tus ventas de chaquetas de plumas aumentar\u00e1n. O una campa\u00f1a promocional sobre una selecci\u00f3n de art\u00edculos, el lanzamiento de un nuevo producto o una noticia (especialmente en el caso de los medios de comunicaci\u00f3n)\u2026<\/p>\n\n\n\n<p>Los <strong>productos populares<\/strong> son los m\u00e1s vendidos de tu cat\u00e1logo, sin tener en cuenta un periodo de tiempo concreto.<\/p>\n\n\n\n<p>Y por \u00faltimo, las <strong>novedades<\/strong> de tu cat\u00e1logo: la nueva gama de productos de una marca, los art\u00edculos de la pr\u00f3xima temporada\u2026<\/p>\n\n\n\n<p>Por lo tanto, escenificar tus productos en un GIF, como en nuestro ejemplo de abajo, es una buena manera de destacarlos, teniendo cuidado, por supuesto, de mantener la coherencia, no mezclar todos tus productos, mantenerte en un universo espec\u00edfico para que tu comunicaci\u00f3n siga teniendo sentido.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img decoding=\"async\" src=\"https:\/\/doc.intranet.probance.com\/wp-content\/uploads\/2018\/12\/animiertes-gif-von-online-umwandeln-de-1.gif\" alt=\"\"\/><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Las nuevas tendencias del GIF<\/h2>\n\n\n\n<p>Los GIFs son una de las tendencias de los \u00faltimos a\u00f1os. Con el fin de mantener la ligereza de los emails, estas animaciones a veces son extremadamente simples, compuestas \u00fanicamente por una foto o un elemento visual.<\/p>\n\n\n\n<p>En realidad, los elementos visuales animados son im\u00e1genes con una velocidad m\u00e1s lenta que la de un GIF, lo que invita a los lectores a pasar m\u00e1s tiempo en el correo electr\u00f3nico, mirando la animaci\u00f3n hasta el final.<\/p>\n\n\n\n<p>La verdadera ventaja de esta tendencia es que permite mostrar el aspecto del producto de una manera puramente visual.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Crea tu primera campa\u00f1a de emailing con un GIF<\/h2>\n\n\n\n<p>Ahora que hemos aclarado los diferentes intereses que podr\u00edas tener al utilizar este formato de imagen, esto es lo que tienes que hacer:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Selecciona tus productos<\/h3>\n\n\n\n<p>\u00bfCu\u00e1l es el objetivo de tu comunicaci\u00f3n? \u00bfDestacar una promoci\u00f3n? \u00bfUn lanzamiento de producto?<\/p>\n\n\n\n<p>En cualquier caso, te aconsejamos que seas breve y que el formato sea corto (preferiblemente no m\u00e1s de 5 im\u00e1genes).<\/p>\n\n\n\n<p>Elige los productos m\u00e1s relevantes para tu comunicaci\u00f3n. Puedes a\u00f1adir texto o \u00abformatear\u00bb un poco tu imagen trabajando en ella con <a href=\"https:\/\/www.canva.com\/\">Canva<\/a>, por ejemplo.<\/p>\n\n\n\n<p>Eso s\u00ed, a\u00f1ade muy poco texto (el nombre de la marca o la promoci\u00f3n, por ejemplo), porque el tiempo de lectura es corto en un GIF. Intenta tambi\u00e9n mantenerte en el mismo universo (zapatos de mujer en una campa\u00f1a, perfumes de hombre en otra\u2026) para enviar una comunicaci\u00f3n que sea relevante para tu p\u00fablico.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Crea tu propio GIF<\/h3>\n\n\n\n<p>Hay muchas herramientas disponibles para crear GIFs, pero algunas son m\u00e1s complejas que otras o a\u00f1aden su logotipo cuando se utiliza la versi\u00f3n gratuita.<\/p>\n\n\n\n<p>A continuaci\u00f3n te dejamos una herramienta que puedes utilizar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"http:\/\/gifmaker.org\/\"><strong>Gifmaker:<\/strong><\/a> es f\u00e1cil de usar y ofrece muchas opciones de personalizaci\u00f3n. Selecciona tus im\u00e1genes en el paso 1, luego especifica el tama\u00f1o de tu GIF (te recomendamos que no exceda los 600 px de ancho, que es el ancho est\u00e1ndar de un correo electr\u00f3nico) y la velocidad de la animaci\u00f3n. A tu derecha podr\u00e1s encontrar un bot\u00f3n \u00abVista Previa\u00bb para poder visualizar el resultado. A continuaci\u00f3n, establece el n\u00famero de \u00abbucles\u00bb (n\u00famero de veces que se reproducir\u00e1n tus im\u00e1genes), y puedes marcar la opci\u00f3n \u00abReducir el tama\u00f1o del GIF\u00bb si consideras que tu GIF ser\u00e1 un poco pesado. Recuerda que no podr\u00e1s insertar nada mayor a 5MB en tus correos electr\u00f3nicos, as\u00ed que si tus im\u00e1genes son pesadas, te arriesgas a que el GIF elegido exceda este l\u00edmite. Tambi\u00e9n ver\u00e1s en la parte inferior de tu ventana, la disposici\u00f3n de tus im\u00e1genes, puedes cambiar el orden arrastr\u00e1ndolas al lugar que desees.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"570\" src=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2024\/11\/GIF-MAKER-1024x570.jpg\" alt=\"\" class=\"wp-image-31765\" srcset=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2024\/11\/GIF-MAKER-1024x570.jpg 1024w, https:\/\/doc.probance.com\/wp-content\/uploads\/2024\/11\/GIF-MAKER-300x167.jpg 300w, https:\/\/doc.probance.com\/wp-content\/uploads\/2024\/11\/GIF-MAKER-768x427.jpg 768w, https:\/\/doc.probance.com\/wp-content\/uploads\/2024\/11\/GIF-MAKER.jpg 1217w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/creer-gif.pdf-convertisseur.fr\/\">Pdf-convertisseur.fr<\/a><\/strong>: es una herramienta muy f\u00e1cil de usar para crear tus GIF y que, en ocasiones, puede ahorrarte tiempo. Solo tienes que cargar las im\u00e1genes que deseas incluir en tu GIF y este se crear\u00e1 autom\u00e1ticamente. Elige la velocidad y descarga tu GIF. La interfaz est\u00e1 en Franc\u00e9s.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"659\" src=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2024\/11\/image.png\" alt=\"\" class=\"wp-image-35369\" srcset=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2024\/11\/image.png 1024w, https:\/\/doc.probance.com\/wp-content\/uploads\/2024\/11\/image-300x193.png 300w, https:\/\/doc.probance.com\/wp-content\/uploads\/2024\/11\/image-768x494.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-style-note is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>Nuestro consejo:<\/strong> si tienes una imagen que crees que es m\u00e1s relevante que las dem\u00e1s (la que resume el contenido principal de tu mensaje), ponla en primer lugar. De este modo, los programas de correo electr\u00f3nico como Outlook 2007 a 2013, que no leen GIFs, seguir\u00e1n mostrando la primera imagen.<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">3. Reduce el tama\u00f1o de tu GIF<\/h3>\n\n\n\n<p>Si tu GIF supera los 5MB permitidos, puedes encontrar distintos trucos para reducir su peso, ya sea optimiz\u00e1ndolo en <a href=\"https:\/\/ezgif.com\/optimize\">Ezgif<\/a> o reduciendo el peso de cada una de tus im\u00e1genes en <a href=\"https:\/\/tinyjpg.com\/\">Tinyjpg<\/a> antes de crear el GIF.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. Integra tu GIF en tu plantilla<\/h3>\n\n\n\n<p>Dado que el GIF es un formato de imagen, se integra exactamente de la misma manera que una imagen PNG o JPG. En nuestro editor de plantillas, hacerlo es muy r\u00e1pido.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"287\" src=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/02\/Captura-de-pantalla-2024-11-11-115625-300x287-1.png\" alt=\"\" class=\"wp-image-31738\"\/><figcaption class=\"wp-element-caption\">A\u00f1ade el bloque \u00ab<strong>Imagen<\/strong>\u00bb en tu plantilla<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"278\" src=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/02\/Captura-de-pantalla-2024-11-11-115649-768x278-1.png\" alt=\"\" class=\"wp-image-31741\" style=\"width:600px\" srcset=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/02\/Captura-de-pantalla-2024-11-11-115649-768x278-1.png 768w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/02\/Captura-de-pantalla-2024-11-11-115649-768x278-1-300x109.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption class=\"wp-element-caption\">Haz clic en el icono se\u00f1alado para cargar tu imagen<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"511\" height=\"356\" src=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/02\/Captura-de-pantalla-2024-11-11-120055.png\" alt=\"\" class=\"wp-image-31744\" srcset=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/02\/Captura-de-pantalla-2024-11-11-120055.png 511w, https:\/\/doc.probance.com\/wp-content\/uploads\/2025\/02\/Captura-de-pantalla-2024-11-11-120055-300x209.png 300w\" sizes=\"auto, (max-width: 511px) 100vw, 511px\" \/><figcaption class=\"wp-element-caption\">Elige el archivo GIF que deseas incluir<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"911\" height=\"408\" src=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2024\/11\/image-1.png\" alt=\"\" class=\"wp-image-35374\" srcset=\"https:\/\/doc.probance.com\/wp-content\/uploads\/2024\/11\/image-1.png 911w, https:\/\/doc.probance.com\/wp-content\/uploads\/2024\/11\/image-1-300x134.png 300w, https:\/\/doc.probance.com\/wp-content\/uploads\/2024\/11\/image-1-768x344.png 768w\" sizes=\"auto, (max-width: 911px) 100vw, 911px\" \/><figcaption class=\"wp-element-caption\">\u00a1Y ya est\u00e1!<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">5. Insertarlo en el c\u00f3digo HTML<\/h3>\n\n\n\n<p>Si prefieres pasar directamente por el c\u00f3digo HTML, solo deber\u00e1s especificar en la etiqueta \u00ab<strong>img<\/strong>\u00bb la ruta de tu GIF, igual que har\u00edas con una imagen est\u00e1ndar.<\/p>\n\n\n\n<p><strong>Como \u00faltimo consejo:<\/strong> a\u00f1ade un enlace para que cuando tu contacto haga clic en \u00e9l, <strong>aumente tu tasa de clics<\/strong>.<\/p>\n\n\n\n<p>\u00a1Y ya est\u00e1! Tu GIF est\u00e1 integrado. Pero util\u00edzalo con moderaci\u00f3n, uno por correo electr\u00f3nico es m\u00e1s que suficiente.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un GIF (Graphic Interchanger Format o formato de intercambio de gr\u00e1ficos) es un formato de imagen animada que a\u00f1ade un toque de creatividad a tus plantillas, una buena combinaci\u00f3n entre las im\u00e1genes est\u00e1ticas y el v\u00eddeo. Ventajas de un GIF en comparaci\u00f3n con una imagen est\u00e1tica (PNG o JPG) en un correo electr\u00f3nico Utilizar un [&hellip;]<\/p>\n","protected":false},"author":444,"featured_media":35294,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[772],"tags":[],"class_list":["post-31734","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-correo-electronico"],"_links":{"self":[{"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/posts\/31734","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/users\/444"}],"replies":[{"embeddable":true,"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/comments?post=31734"}],"version-history":[{"count":22,"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/posts\/31734\/revisions"}],"predecessor-version":[{"id":35775,"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/posts\/31734\/revisions\/35775"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/media\/35294"}],"wp:attachment":[{"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/media?parent=31734"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/categories?post=31734"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/doc.probance.com\/es\/wp-json\/wp\/v2\/tags?post=31734"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}