{"id":20360,"date":"2019-07-16T00:00:00","date_gmt":"2019-07-16T00:00:00","guid":{"rendered":"https:\/\/www.mailgun.com\/blog\/plantillas-de-email-responsive-para-sacar-tu-lado-mas-creativo\/"},"modified":"2026-09-14T23:34:19","modified_gmt":"2026-09-14T23:34:19","slug":"plantillas-de-email-responsive-para-sacar-tu-lado-mas-creativo","status":"publish","type":"blog","link":"https:\/\/www.mailgun.com\/es\/blog\/email\/plantillas-de-email-responsive-para-sacar-tu-lado-mas-creativo\/","title":{"rendered":"Plantillas de email responsive para sacar tu lado m\u00e1s creativo"},"content":{"rendered":"\n

El concurso ya est\u00e1 cerrado. \u00a1Gracias a todas las personas que han participado!<\/strong><\/p>\n\n\n\n

Hemos lanzado much\u00edsimas funciones nuevas estas \u00faltimas semanas, \u00a1y los lanzamientos contin\u00faan con nuestras nuevas plantillas de email! Esta \u00faltima novedad te permite a\u00f1adir, editar y guardar tus plantillas de email en Mailgun para que no tengas que rebuscar en el c\u00f3digo la pr\u00f3xima vez que necesites hacer un peque\u00f1o cambio. Y ya est\u00e1 disponible en nuestra\u00a0nueva UI<\/a>.<\/p>\n\n\n\n

Poder volver a versiones anteriores de una plantilla despu\u00e9s de editarla, facilitar la colaboraci\u00f3n entre los distintos equipos de una organizaci\u00f3n, simplificar las llamadas a la API y el renderizado en vivo son solo algunas de las formas en que la nueva funci\u00f3n de plantillas de email te hace la vida m\u00e1s f\u00e1cil. Pero no tendr\u00edamos esta funci\u00f3n sin antes habernos hecho esta pregunta:<\/p>\n\n\n\n

\u00bfPor qu\u00e9 trabajar en plantillas de email?<\/h2>\n\n\n\n

En la mayor\u00eda de los casos, tu empresa crea algunas plantillas de email para usarlas en diferentes tipos de emails y luego sigues utiliz\u00e1ndolas durante un tiempo, con alguna actualizaci\u00f3n ocasional en tu logotipo, la direcci\u00f3n en el pie de p\u00e1gina o peque\u00f1os elementos de dise\u00f1o.<\/p>\n\n\n\n

Aqu\u00ed nos encontramos con dos grandes retos. Cuando empiezas a crear plantillas de email por primera vez, es un aut\u00e9ntico fastidio. Tienes que escribir c\u00f3digo como si estuvieras en 1999 y lidiar con tablas, CSS en l\u00ednea, CSS no compatible, contactar con el equipo de desarrollo de aplicaciones… Y la lista suma y sigue. Y aun as\u00ed, las peculiaridades de los diferentes clientes de email (\u00a1te miramos a ti, Outlook!) pueden hacer que las cosas se rompan.<\/p>\n\n\n\n

Remont\u00e9monos a 2014 un momento: la \u00faltima vez que hicimos un gran anuncio sobre plantillas. Lanzamos un\u00a0conjunto de tres plantillas de email responsive<\/a>\u00a0que publicamos en c\u00f3digo abierto a trav\u00e9s de un repositorio de Github con la esperanza de que crear una plantilla de email desde cero fuera un poco menos tedioso.<\/p>\n\n\n\n

A d\u00eda de hoy, apenas hemos modificado esas plantillas de email porque cumplen su funci\u00f3n, a la gente le gustan y las usa, y no tienen mala pinta. Pero eran dif\u00edciles de encontrar a menos que ya supieras de su existencia, y no resolv\u00edan el segundo gran reto inherente a las plantillas de email, que es…<\/p>\n\n\n\n

\u00bfC\u00f3mo puedes mantener y actualizar tus plantillas de email a lo largo del tiempo y colaborar con otros departamentos si es necesario, sin tener que indagar en tu base de c\u00f3digo para encontrar exactamente lo que buscas?<\/p>\n\n\n\n

Cuando empezamos a crear la nueva UI, sab\u00edamos que era el momento de empezar a resolver el problema de las plantillas. Todo lo que ten\u00edamos que hacer era crear un repositorio dentro del propio Mailgun para que pudieras llamar f\u00e1cilmente a una plantilla siempre que quisieras enviar un email con ella. Primer problema: resuelto.<\/p>\n\n\n\n

Ahora bien, \u00bfpodr\u00edamos hacer que sea un poco m\u00e1s f\u00e1cil editar las plantillas existentes y a\u00f1adir unas cuantas m\u00e1s de paso?<\/p>\n\n\n\n

Ampliaci\u00f3n de nuestras plantillas de email<\/h2>\n\n\n\n

Mailgun ya dispon\u00eda de plantillas para algunos emails transaccionales generales<\/a>, como emails de acci\u00f3n, alertas y emails de facturaci\u00f3n. Aunque cubr\u00edan lo esencial de los emails que utiliza la mayor\u00eda de remitentes, quer\u00edamos ofrecer m\u00e1s opciones. El problema es que no somos precisamente especialistas en dise\u00f1o de emails. No es lo nuestro y, sinceramente, es algo que deber\u00eda dejarse en manos de personas a las que les apasione dise\u00f1arlos.<\/p>\n\n\n\n

As\u00ed que decidimos colaborar con\u00a0Email Uplers\u00a0para tener listos algunos dise\u00f1os nuevos m\u00e1s o menos a la vez que el lanzamiento de nuestra UI. Ya han escrito para\u00a0accesibilidad del email<\/a>\u00a0nosotros antes, y nos entusiasm\u00f3 que aceptaran dise\u00f1ar estas \u00faltimas plantillas.<\/p>\n\n\n\n

Con Email Uplers a bordo, seguimos adelante con la creaci\u00f3n de tres nuevas plantillas: recuperaci\u00f3n de contrase\u00f1a, confirmaci\u00f3n de pedido y una plantilla de newsletter.<\/p>\n\n\n\n

Adem\u00e1s, en Mailgun quer\u00edamos incluir gatos de alguna manera para nuestra propia diversi\u00f3n. Y as\u00ed nacieron nuestras plantillas m\u00e1s recientes.<\/p>\n\n\n\n

Las nuevas plantillas<\/em><\/h3>\n\n\n\n
\"Forgot<\/figure>\n\n\n\n

El email de recuperaci\u00f3n de contrase\u00f1a, aunque t\u00e9cnicamente es un email de acci\u00f3n, es uno de los que utilizan casi todas las aplicaciones y empresas. Como Email Uplers ha dise\u00f1ado una plantilla espec\u00edficamente con este fin, puedes personalizar f\u00e1cilmente un par de colores, a\u00f1adir tu logotipo y… \u00a1listo! Ya puedes crear un email para restablecer la contrase\u00f1a con unos simples cambios en la plantilla.<\/p>\n\n\n\n

\"Cat<\/figure>\n\n\n\n

La creaci\u00f3n del email de confirmaci\u00f3n de pedido funcion\u00f3 de forma parecida a la de la plantilla de recuperaci\u00f3n de contrase\u00f1a. Una plantilla de confirmaci\u00f3n de pedido podr\u00eda considerarse una variante de un email de facturaci\u00f3n, pero hay que retocar un poco el texto y el dise\u00f1o para que encaje m\u00e1s con un recibo y una confirmaci\u00f3n de pedido que con una factura.<\/p>\n\n\n\n

\"Newsletter<\/figure>\n\n\n\n

Por \u00faltimo, le pedimos a Email Uplers que dise\u00f1ara una plantilla de newsletter. Mailgun no dispon\u00eda antes de plantillas centradas en el marketing, pero muchos clientes han expresado inter\u00e9s.<\/p>\n\n\n\n

Esta plantilla te ofrece un dise\u00f1o de tarjetas para destacar entradas de blog u otro tipo de contenidos, de forma que puedas crear una newsletter en detalle y empezar a enviar algunos emails promocionales f\u00e1cilmente.<\/p>\n\n\n\n

Uso de las API de plantillas de email<\/h2>\n\n\n\n

Lo m\u00e1s probable es que en alg\u00fan momento tengas que actualizar las plantillas que crees. Lo bueno es que puedes actualizar estas plantillas en el repositorio, cambiar qu\u00e9 versi\u00f3n est\u00e1 activa o crear m\u00faltiples versiones para realizar tests A\/B.<\/p>\n\n\n\n

Adem\u00e1s, Mailgun dispone de varias llamadas a la API para plantillas que puedes utilizar:<\/p>\n\n\n\n