Plantillas de email responsive para sacar tu lado más creativo
El concurso ya está cerrado. ¡Gracias a todas las personas que han participado!
Hemos lanzado muchísimas funciones nuevas estas últimas semanas, ¡y los lanzamientos continúan con nuestras nuevas plantillas de email! Esta última novedad te permite añadir, editar y guardar tus plantillas de email en Mailgun para que no tengas que rebuscar en el código la próxima vez que necesites hacer un pequeño cambio. Y ya está disponible en nuestra nueva UI.
Poder volver a versiones anteriores de una plantilla después de editarla, facilitar la colaboración entre los distintos equipos de una organización, simplificar las llamadas a la API y el renderizado en vivo son solo algunas de las formas en que la nueva función de plantillas de email te hace la vida más fácil. Pero no tendríamos esta función sin antes habernos hecho esta pregunta:
¿Por qué trabajar en plantillas de email?
En la mayoría de los casos, tu empresa crea algunas plantillas de email para usarlas en diferentes tipos de emails y luego sigues utilizándolas durante un tiempo, con alguna actualización ocasional en tu logotipo, la dirección en el pie de página o pequeños elementos de diseño.
Aquí nos encontramos con dos grandes retos. Cuando empiezas a crear plantillas de email por primera vez, es un auténtico fastidio. Tienes que escribir código como si estuvieras en 1999 y lidiar con tablas, CSS en línea, CSS no compatible, contactar con el equipo de desarrollo de aplicaciones… Y la lista suma y sigue. Y aun así, las peculiaridades de los diferentes clientes de email (¡te miramos a ti, Outlook!) pueden hacer que las cosas se rompan.
Remontémonos a 2014 un momento: la última vez que hicimos un gran anuncio sobre plantillas. Lanzamos un conjunto de tres plantillas de email responsive que publicamos en código abierto a través de un repositorio de Github con la esperanza de que crear una plantilla de email desde cero fuera un poco menos tedioso.
A día de hoy, apenas hemos modificado esas plantillas de email porque cumplen su función, a la gente le gustan y las usa, y no tienen mala pinta. Pero eran difíciles de encontrar a menos que ya supieras de su existencia, y no resolvían el segundo gran reto inherente a las plantillas de email, que es…
¿Cómo 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ódigo para encontrar exactamente lo que buscas?
Cuando empezamos a crear la nueva UI, sabíamos que era el momento de empezar a resolver el problema de las plantillas. Todo lo que teníamos que hacer era crear un repositorio dentro del propio Mailgun para que pudieras llamar fácilmente a una plantilla siempre que quisieras enviar un email con ella. Primer problema: resuelto.
Ahora bien, ¿podríamos hacer que sea un poco más fácil editar las plantillas existentes y añadir unas cuantas más de paso?
Ampliación de nuestras plantillas de email
Mailgun ya disponía de plantillas para algunos emails transaccionales generales, como emails de acción, alertas y emails de facturación. Aunque cubrían lo esencial de los emails que utiliza la mayoría de remitentes, queríamos ofrecer más opciones. El problema es que no somos precisamente especialistas en diseño de emails. No es lo nuestro y, sinceramente, es algo que debería dejarse en manos de personas a las que les apasione diseñarlos.
Así que decidimos colaborar con Email Uplers para tener listos algunos diseños nuevos más o menos a la vez que el lanzamiento de nuestra UI. Ya han escrito para accesibilidad del email nosotros antes, y nos entusiasmó que aceptaran diseñar estas últimas plantillas.
Con Email Uplers a bordo, seguimos adelante con la creación de tres nuevas plantillas: recuperación de contraseña, confirmación de pedido y una plantilla de newsletter.
Además, en Mailgun queríamos incluir gatos de alguna manera para nuestra propia diversión. Y así nacieron nuestras plantillas más recientes.
Las nuevas plantillas
El email de recuperación de contraseña, aunque técnicamente es un email de acción, es uno de los que utilizan casi todas las aplicaciones y empresas. Como Email Uplers ha diseñado una plantilla específicamente con este fin, puedes personalizar fácilmente un par de colores, añadir tu logotipo y… ¡listo! Ya puedes crear un email para restablecer la contraseña con unos simples cambios en la plantilla.
La creación del email de confirmación de pedido funcionó de forma parecida a la de la plantilla de recuperación de contraseña. Una plantilla de confirmación de pedido podría considerarse una variante de un email de facturación, pero hay que retocar un poco el texto y el diseño para que encaje más con un recibo y una confirmación de pedido que con una factura.
Por último, le pedimos a Email Uplers que diseñara una plantilla de newsletter. Mailgun no disponía antes de plantillas centradas en el marketing, pero muchos clientes han expresado interés.
Esta plantilla te ofrece un diseño 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ácilmente.
Uso de las API de plantillas de email
Lo más probable es que en algún momento tengas que actualizar las plantillas que crees. Lo bueno es que puedes actualizar estas plantillas en el repositorio, cambiar qué versión está activa o crear múltiples versiones para realizar tests A/B.
Además, Mailgun dispone de varias llamadas a la API para plantillas que puedes utilizar:
- GET para extraer todas las plantillas existentes en un dominio: {{BASE_URL}}/{{mydomain}}/templates
- GET para utilizar una sola plantilla: {{BASE_URL}}/{{mydomain}}/templates/{{template_name}}
- GET para extraer todas las versiones de una misma plantilla: {{BASE_URL}}/{{mydomain}}/templates/{{template_name}}/versions
- PUT para actualizar una plantilla: {{BASE_URL}}/{{mydomain}}/templates/{{template_name}}
- POST para guardar una plantilla: {{BASE_URL}}/{{mydomain}}/templates
- PUT para crear una nueva versión: {{BASE_URL}}/{{mydomain}}/templates/{{template_name}}
Editar cualquiera de las plantillas en HTML es muy fácil en la UI y, si quieres ver qué aspecto visual tiene tu plantilla, ¡solo tienes que renderizar una muestra! Puedes hacerlo en la propia UI, o enviarte un email de prueba si prefieres ese método. En general, la experiencia te permite crear plantillas con toda facilidad.
¿Todo listo para empezar?
