Opinión potencialmente impopular: no nos gusta usar marcos de correo electrónico disponibles públicamente en Litmus.

Sí, hay ventajas en aprovechar los componentes de correo electrónico preexistentes que otra persona está a cargo de actualizar. Muchos desarrolladores de correo electrónico, como Nicole Hickman, desarrolladora de advertising and marketing directo en Fishawack Well being, usan y disfrutan de marcos de correo electrónico disponibles públicamente a diario. Son una excelente opción para muchos equipos.

Pero en Litmus no creemos que sean la opción correcta para todos los equipos de correo electrónico, ¡y tenemos razones para respaldarlo!

Estos son algunos de los beneficios y desventajas que creemos que todo equipo de correo electrónico debe considerar cuando se trata de los professionals y los contras asociados con los marcos de correo electrónico, para que pueda tomar la mejor decisión para su organización.

¿Qué es un marco de correo electrónico?

Un marco de correo electrónico es una colección de componentes HTML y CSS prefabricados que los desarrolladores de correo electrónico utilizan para crear correos electrónicos.

Dos tipos de marcos de correo electrónico:

  1. Marcos disponibles públicamente que usan preprocesadores para facilitar la codificación mediante la automatización de parte del proceso de codificación (como Maizzle o MJML).
  2. Bloques preconstruidos de código HTML que crea (como un sistema de diseño de correo electrónico).

En lugar de escribir cada línea de código desde cero para cada correo electrónico, un marco tiene los componentes básicos que necesita para acelerar el desarrollo sin sacrificar la calidad. Cualquier desarrollador puede usar un marco de correo electrónico disponible públicamente, o crear su propio marco de correo electrónico y convertirlo en un sistema de diseño de correo electrónico.

Beneficios de usar marcos de correo electrónico disponibles públicamente

Los marcos tienen un objetivo principal: facilitar el desarrollo del correo electrónico. Aquí hay tres razones por las que los marcos de correo electrónico de código abierto son tan atractivos para algunos desarrolladores.

1. Tiempo de construcción más rápido

Imagina que eres un equipo de correo electrónico de uno, y acabas de recibir la noticia de que necesitas enviar una promoción de ventas mañana. (Ah, y ya está inmerso en el desarrollo de otra campaña). Debe crear rápidamente, y un marco de correo electrónico puede ayudar.

En lugar de construir cada componente desde cero, puede conectar y jugar con el código del marco. Hickman señala que, por lo common, tiene que escribir menos código para un marco de correo electrónico que saltar directamente a HTML.

“Como todos sabemos, debido a que Outlook para Home windows no funciona bien con los divs, se requieren tablas fantasma para que los correos electrónicos funcionen como se esperaba en Home windows Outlook. MJML crea las tablas fantasma para usted, por lo que ahorra una tonelada de tiempo de codificación/mecanografía”. Y es verdad. Los marcos podrían ayudar a los equipos que tienen poco tiempo. Son una excelente manera de crear correos electrónicos rápidamente. Luego, puede incluirlos en su plataforma de prueba de correo electrónico como Litmus y corregir cualquier error que aparezca.

2. No se requieren actualizaciones

Los marcos de trabajo de terceros también actualizan continuamente el código para hacer frente a los cambios de ISP o ese elemento complicado para ese frustrante cliente de correo electrónico. Las personas que mantienen el marco son las que están a cargo de asegurarse de que todo funcione.

No tiene que volver atrás y arreglar ningún código que ya no funcione o mantener la documentación actualizada. Sin embargo, no bajes la guardia por completo. Debe probar cada correo electrónico que envíe.

Si se encuentra con un problema con un marco de correo electrónico, puede dirigirse a su comunidad. El Slack de MJML, al igual que la comunidad E-mail Geeks, es un lugar para que los desarrolladores de correo electrónico se conecten, aprendan, resuelvan problemas y se apoyen entre sí.

3. Funciona junto con HTML

Si bien normalmente tiene que usar un lenguaje de codificación específico del marco, puede agregar HTML donde sea necesario.

“Si hay un escenario de codificación que requiere una codificación que está fuera de los escenarios predeterminados de MJML que usan etiquetas MJML, es bastante fácil de lograr para ‘codificar el suyo propio’, por así decirlo. los es muy robusta y acepta todo tipo de código HTML personalizado”, explica Hickman.

También señala que no hay mucho que no puedas hacer con MJML; la thought errónea de que aquellos que usan MJML solo están haciendo diseños de correo electrónico muy básicos y simples es falsa.

“Produje correos electrónicos con estilos de modo oscuro, usé la técnica de ‘posicionamiento absoluto falso’ escrita por Mark Robbins y Stephen Sayo, una encuesta interactiva en la bandeja de entrada del correo electrónico y mucho más, todo desde MJML. Se requiere un sólido conocimiento práctico de HTML para lograr estas técnicas desde dentro de MJML, y también un sólido conocimiento práctico de MJML, pero todos son completamente factibles dentro del marco”, cube Hickman.

Inconvenientes de los marcos de correo electrónico disponibles públicamente

Si bien hay muchos desarrolladores de correo electrónico que usan y disfrutan de marcos disponibles públicamente, tienen algunos inconvenientes, que incluyen:

1. Lenguaje específico del marco

Los marcos de trabajo de correo electrónico tienen una curva de aprendizaje, ya que normalmente tiene que aprender un lenguaje específico del marco antes de comenzar.

Esto podría plantear la pregunta: «¿Por qué estoy aprendiendo otro idioma para hacer lo que ya sé?» Si tiene confianza en sus habilidades de HTML o no quiere tomarse el tiempo para aprender nuevas etiquetas, es posible que no le gusten los marcos de correo electrónico. Dado que algunos elementos requieren conocimiento del lenguaje HTML y MJML si usa un marco, tendrá que administrar dos idiomas para usar un marco en todo su potencial.

2. Pérdida del management del código

Una de las desventajas más destacadas de los marcos de correo electrónico es la pérdida de la visión y el management completos del código.

Esta es una de las principales razones por las que no soy fanático de los marcos disponibles públicamente. Sí, te ayudan a codificar más fácilmente. Pero especialmente si está utilizando un marco que no creó, está poniendo su código en manos de otra persona.

Si bien no renuncia por completo al management de su código (ya que puede modificar el correo electrónico con HTML después de que se procese), eso puede generar otros problemas. Por ejemplo, si no controla la mayor parte de su código, no sabe qué contiene, qué podría entrar en conflicto o su calidad. También se quedará luchando si algo le sucede al marco y ya no puede acceder o usarlo.

3. Código inflado

Agregar HTML personalizado a un marco de correo electrónico le brinda más management que confiar únicamente en el marco, pero también crea trabajo adicional.

“Si un diseño para escritorio tiene, por ejemplo, tres columnas que deben apilarse en dos (3 × 2> 2 × 3), se requiere codificación HTML para lograr esto. De lo contrario, el valor predeterminado es el apilamiento de una sola columna (3 × 2> 1 × 6)”, cube Hickman.

Crear algo que sepa que tendrá que actualizar de inmediato podría ser un paso adicional frustrante que no necesita.

Dado que los marcos son bloques de construcción para que cualquier equipo los use en cualquier combinación, también puede experimentar una sobrecarga de código. Por ejemplo, si combina varios componentes que tienen algún código compartido, sus correos electrónicos pueden tardar más en cargarse, sin que se dé cuenta.

El código inflado también puede hacer que sea difícil averiguar exactamente qué parte está causando un problema de representación que podría estar viendo. La creación de su propio marco de correo electrónico le brinda el management para realizar cambios y detectar cualquier problema de inmediato.

Cómo crear su propio marco de correo electrónico como un sistema de diseño de correo electrónico

Mucha gente usa marcos de correo electrónico disponibles públicamente y tienen valor. En Litmus, usamos nuestro propio marco de correo electrónico y lo hemos incorporado en un sistema de diseño de correo electrónico.

Creemos que más equipos de correo electrónico deberían considerarlo. De hecho, los expertos de empresas como Zillow y Stack Overflow también aprovechan los sistemas de diseño de correo electrónico.

¿Qué es un sistema de diseño de correo electrónico?

Un sistema de diseño de correo electrónico es una colección de componentes reutilizables guiados por estándares que los equipos usan para crear correos electrónicos de marca de manera más consistente y eficiente. En esencia, es un marco de correo electrónico que es específico para los estilos de su marca. Además de las pautas visuales como los colores, nuestro sistema de diseño de correo electrónico tiene dos componentes críticos de desarrollo de correo electrónico: parciales y fragmentos.

A medida que las cosas cambian en nuestro flujo de trabajo, tenemos que adaptarnos y evolucionar. Eso es mucho más fácil de hacer con un sistema de diseño de correo electrónico que confiar en un marco externo.

Crear un marco de correo electrónico personalizado es muy parecido a crear un sistema de diseño de correo electrónico. Creé nuestro marco de correo electrónico mientras creaba nuestro sistema de diseño de correo electrónico. De hecho, considero que los microbloques de nuestro sistema de diseño de correo electrónico son nuestro marco de trabajo de correo electrónico. Son lo suficientemente pequeños y flexibles para usar en cualquier lugar.

Ejemplo de la biblioteca de diseño de Litmus utilizada como sistema de diseño de correo electrónico/marco de correo electrónico

Cómo construir un sistema de diseño de correo electrónico

En lugar de depender de un marco de correo electrónico de terceros, puede desarrollar su sistema de diseño de correo electrónico y crear un marco de correo electrónico, todo al mismo tiempo. Aquí hay cinco consejos para hacer la transición.

1. Construya lentamente y pruebe sobre la marcha

Crear un sistema completo de diseño de correo electrónico es desalentador. ¿Y ahora también tienes que crear un marco de correo electrónico? ¡Ay! Sin embargo, no tiene que revisar su flujo de trabajo de correo electrónico de la noche a la mañana.

Comience agregando sus elementos más utilizados o puntos débiles comunes a su marco. Si hay un error común que está corrigiendo mucho, cree un fragmento solo para esa pieza. Entonces, no tendrás que seguir arreglándolo una y otra vez.

Después de crear algunos fragmentos, pruebe el marco y comience a utilizar los fragmentos. Cuando los pongas en uso, probablemente encuentres errores, o que algunas cosas no encajen como esperabas. Si creas todo a la vez, podrías terminar con muchos errores. No espere para empezar.

2. Usa correos electrónicos anteriores como base

El uso de correos electrónicos anteriores ahorra tiempo en la creación de su sistema de diseño de correo electrónico y su marco. Si ha estado codificando sus correos electrónicos por un tiempo, puede ir a los correos electrónicos anteriores y tomar el código para crear fragmentos del marco de correo electrónico a partir de eso. Use fragmentos más grandes y mejor diseñados para diseñar bloques de sistema (como un bloque de artículo) y bloques más pequeños (como una etiqueta de párrafo) para crear bloques de estructura de correo electrónico.

3. Cree un sistema para rastrear problemas

A medida que usa y desarrolla su sistema de diseño de correo electrónico, debe configurar un proceso para rastrear y resolver problemas. Utilizo un formulario easy para ingresar los problemas que encuentro y los coloco en una hoja de cálculo para que el equipo pueda colaborar.

Yo, o alguien más en el equipo, podemos completarlo con el formulario cuando descubrimos un problema. Entonces, puedo corregir los errores todos a la vez. Si hay una emergencia, como que un ESP deja de admitir estilos en la sección principal, lo cambiaré de inmediato. Si se trata de un problema menor, como el texto alternativo de una imagen que no tiene el estilo correcto, me encargaré de ello a fin de mes.

4. Mantén todo en un solo lugar con Litmus

La biblioteca de diseño de Litmus le brinda un lugar centralizado para almacenar, usar y colaborar en su sistema de diseño de correo electrónico. En lugar de comenzar desde cero para cada mensaje, puede usar una plantilla o agregar parciales y fragmentos. Después de crear su correo electrónico, puede probarlo automáticamente dentro de Litmus y sincronizarlo con su ESP.

DEJA UNA RESPUESTA

Por favor ingrese su comentario!
Por favor ingrese su nombre aquí