Módulos de correo electrónico: cómo escalar correos electrónicos únicos con confianza

Es posible que haya oído hablar de las plantillas de correo electrónico modulares durante años, pero no ha dado el salto. O tal vez eres nuevo en la idea. Entonces, ¿qué son exactamente los módulos de correo electrónico y debería usarlos? La respuesta simple es sí y, a diferencia de otras preguntas en el correo electrónico, no hay "depende".

El 52% de los equipos de correo electrónico pasan dos o más semanas para producir un correo electrónico de principio a fin de acuerdo con nuestro informe Estado de los flujos de trabajo de correo electrónico. Los correos electrónicos modulares aceleran el proceso para darle un impulso de eficiencia, por lo que dedica menos tiempo al código repetitivo y más tiempo a la innovación. Es una obviedad.

Continúa leyendo para averiguarlo:

• ¿Qué es un módulo de correo electrónico?
• Los beneficios del correo electrónico modular
• Cómo empezar con el diseño modular

¿Qué es un módulo de correo electrónico?

Los módulos de correo electrónico son bloques de contenido reutilizables que se pueden juntar en diferentes combinaciones para crear correos electrónicos o una variedad de plantillas de correo electrónico completas. También conocidos como componentes, los módulos vienen en un par de variedades, como fragmentos (adaptados a un correo electrónico específico, como un botón de llamada a la acción) y parciales (consistentes en varios correos electrónicos, como un pie de página de correo electrónico).

Todos sus módulos se pueden almacenar en una biblioteca de patrones como parte de su sistema más amplio de diseño de correo electrónico o pautas de marca. Por lo tanto, su equipo sabe exactamente cómo combinar y combinar para crear correos electrónicos que cumplan con la marca y que no se rompan. En esencia, el diseño de correo electrónico modular gira en torno a secciones o módulos más pequeños reunidos para crear un diseño más grande. Al igual que los ladrillos LEGO se pueden juntar para construir, bueno, cualquier cosa.

¿Cuáles son los beneficios del correo electrónico modular?

Hay muchas ventajas de ser modular, y ya he insinuado algunas. En caso de que aún tengas dudas, aquí tienes los beneficios.

Estandarización, también conocida como mantenerse dentro de la marca y sin errores

¿Están los logotipos o los colores de su marca un poco diferentes de un correo electrónico a otro? El diseño modular se encarga de inconsistencias como esa. Dado que todos los bloques están precodificados y probados, puede estar seguro de que crearán correos electrónicos que mantendrán los estándares de su marca en todos los correos electrónicos. Sin errores.

Ahorra tiempo y acelera el flujo de trabajo del correo electrónico

Aproximadamente el 35% de los especialistas en marketing dedican entre 1 y 2 horas a la codificación y el desarrollo por correo electrónico, según los datos de nuestra encuesta sobre el estado del correo electrónico de 2020. Otro 34% tarda al menos 3 horas. Con más de la mitad de los encuestados haciendo malabares con seis o más correos electrónicos a la vez, esas horas de desarrollo se acumulan rápidamente.

Con el diseño de correo electrónico estandarizado, ya no tiene que preocuparse tanto por codificar correos electrónicos desde cero. Esto le ahorra mucho tiempo para que pueda enviar correos electrónicos más rápido. Personalmente, ahora puedo crear correos electrónicos en 10 minutos.

Flexibilidad y creatividad

Las plantillas tienden a tener la percepción de ser rígidas y aburridas. ¿Pero plantillas modulares ? Ellos son divertidos. Debido a que son meros fragmentos de un correo electrónico, puede mezclarlos y combinarlos para que se ajusten a sus necesidades para que no se quede atrapado en el mismo diseño anterior en todo momento.

Y sus bloques son parte de un sistema de diseño de correo electrónico vivo. Lo que significa que puede agregar continuamente nuevos a medida que su sistema de diseño crece para mantener viva la flexibilidad y la creatividad.

Se puede usar en creadores de correo electrónico de arrastrar y soltar

¿Otra gran cosa sobre los módulos de correo electrónico? Básicamente son "plug and play" y, por lo tanto, están perfectamente construidos para creadores de correo electrónico de arrastrar y soltar como el editor visual de arrastrar y soltar de Litmus Builder. Simplemente configúrelos y estará listo para comenzar.

Los no codificadores también pueden crear correos electrónicos

Una vez que haya configurado sus bloques de contenido reutilizables en un editor visual, puede crear correos electrónicos sin tener que tocar el código. ¡Y eso significa que incluso quienes no codifican pueden crear correos electrónicos! No más preocupaciones de que puedan romper algo accidentalmente.

Escala la producción de correo electrónico

Con todos, sin importar sus habilidades técnicas, capaces de crear correos electrónicos modulares rápidamente, puede escalar todo su proceso de producción de correo electrónico con facilidad y hacer crecer su programa de marketing por correo electrónico. Concéntrese en cosas como correos electrónicos personalizados para diferentes segmentos de suscriptores, algo que hubiera tomado una eternidad antes.

Cree rápidamente correos electrónicos de marca sin errores Cree, obtenga una vista previa y pruebe el control de calidad de sus correos electrónicos en un solo flujo, con Litmus Builder. No más saltos de una herramienta a otra. Aprende cómo →

Cómo empezar con el diseño modular

Recomendamos comenzar creando un sistema de diseño de correo electrónico. No es necesario que comience con este paso, pero es una buena manera de asegurarse de que sus módulos de correo electrónico estén categorizados y estandarizados. Si no lo hace, puede crear módulos muy básicos que requerirían mucho estilo cuando se usen. O puede crear bloques estilizados sabiendo que puede haber mucho mantenimiento involucrado para mantenerlos.

Una vez finalizado el sistema de diseño, en realidad, no espere. Los sistemas de diseño son seres vivos que cambiarán a medida que continúe creando correos electrónicos. En lugar de esperar hasta que todo el sistema esté finalizado, comience a codificar tan pronto como tenga suficientes bloques para hacer una plantilla.

He aquí cómo empezar.

1. Audite sus correos electrónicos para ver qué secciones se usan comúnmente.

Complete una auditoría de sus correos electrónicos para ver si detecta algún patrón. ¿Qué secciones ve repetidas a lo largo de sus correos electrónicos? ¿Hay bloques de encabezado y pie de página que usa una y otra vez? ¿Qué tal los bloques de contenido de una y dos columnas? Todos estos son buenos candidatos para los módulos.

Haga una lista o documente las secciones que planea modularizar y cómo se usarán (incluidas las reglas de participación). La organización de sus componentes desde el principio hace que sea más fácil encontrarlos y usarlos correctamente en todo su equipo, especialmente a medida que continúa ampliando su biblioteca de patrones. Puede ser tan básico como etiquetar bloques de contenido para encabezados, cuerpo y pies de página. O categorizar por equipo o cliente.

Me gusta organizar el mío por sección y tipo de correo electrónico usando Categorías en la Biblioteca de diseño en Litmus.

2. Determinar estándares y pautas de marca.

Los diseñadores y desarrolladores deben trabajar de la mano al crear módulos para garantizar que los estándares, como el espacio entre elementos y el espacio entre módulos, se creen y mantengan.

Y asegúrese de que las partes interesadas estén de acuerdo con las pautas de marca específicas del correo electrónico, como las fuentes y los colores, antes de continuar.

3. Cree una plantilla de correo electrónico

Todos sus módulos deberán colocarse en un esqueleto o HTML repetitivo. Esto le brinda la máxima flexibilidad en la forma en que desea distribuir su correo electrónico. Hay varias formas diferentes de configurar una plantilla estándar, pero todas las plantillas estándar incluyen una sección en la parte superior con las etiquetas de apertura, el contenido del encabezado, los estilos de reinicio y de marca y las etiquetas de cierre.

Mark Robbins ha creado una excelente plantilla básica de correo electrónico para que pueda comenzar. Combine eso con el repositorio de Jay Oram de estilos de restablecimiento de CSS estándar recientes para correo electrónico, y tendrá una plantilla decente para empezar.

4. Cree sus módulos

Los módulos se pueden crear de varias formas. Siempre que sea coherente con los módulos, estos funcionarán juntos cuando se combinen. Revisaré dos métodos diferentes: módulos basados ​​en <table> y módulos basados ​​en <tr>.

Usando módulos basados ​​en <table>

Puede envolver cada módulo en una tabla para que las tablas se apilen a medida que se agregan módulos. Los módulos basados ​​en tablas se verían así:

Ventajas : Los módulos son prolijos y autónomos. Cualquier estilo de diseño de una tabla no afectará a los otros módulos.

Contras : apilar tablas a veces puede causar problemas de representación en Outlook, como líneas blancas delgadas.

Usando módulos basados ​​en <tr>

Los módulos que se basan en filas de la tabla deben colocarse en una tabla contenedora. Luego, las filas se pueden colocar en la tabla contenedora apilando las filas una encima de la otra de esta manera:

Ventajas : Hay problemas de líneas blancas menos molestos en Outlook.

Contras : Un problema de renderizado en un módulo puede resultar en un problema de renderizado en otro módulo. Y puede requerir más código para anidar tablas dentro de las filas para resolver problemas.

5. ¡Prueba, prueba, prueba!

Ambos métodos de módulo requieren que realice algunas pruebas de control de calidad (QA) para asegurarse de que un componente no rompa todo el correo electrónico.

Encuentro que la mejor manera de construir los módulos y probarlos al mismo tiempo es crear una plantilla grande que contenga todos los módulos en Litmus Builder.

Esto permite que QA pruebe los módulos en una plantilla para ver cómo se influyen entre sí. También asegura que se mantenga el espacio entre los módulos. Una vez que se agregan todos los módulos, se pueden copiar y guardar sin problemas en la biblioteca de diseño de Litmus como un fragmento o una parte.

6. Empiece a utilizar módulos en su proceso de producción de correo electrónico.

Una vez que haya creado sus módulos, solo es cuestión de usarlos en su proceso de construcción. La mayoría de los editores de código le brindan un método para agregar fragmentos a su código o texto estándar.

Yo uso Litmus Builder. En la vista Editor de código, puede usar las palabras de activación del fragmento o el menú Insertar para agregar fragmentos directamente al código. Con el editor visual de arrastrar y soltar en Litmus Builder, es una simple cuestión de literalmente arrastrar y soltar los fragmentos en su lugar.

Pruebe la creación de correo electrónico modular Litmus hace que sea fácil volverse modular. Almacene y organice sus fragmentos y parciales en la Biblioteca de diseño. Luego, cree rápidamente correos electrónicos de prueba y control de calidad con Visual Editor en Litmus Builder. Incluso viene precargado con una plantilla de correo electrónico totalmente optimizada con módulos para que pueda comenzar de inmediato. Inicie su prueba gratuita →

Seamos modulares

Si desea ser ágil y eficiente sin sacrificar el diseño de correo electrónico flexible, le encantarán los módulos de correo electrónico. Son un gran ahorro de tiempo y le permiten cumplir con la marca y ser creativo. ¿Quién no quiere eso? Pruébalo, me lo agradecerás más tarde.