Cómo personalizar una plantilla de marketing por correo electrónico

Hoy, nos sumergiremos en las plantillas y cómo usarlas con el editor flexible de Twilio SendGrid, o ajustar el HTML de la plantilla en el creador de correo electrónico de su elección. Si bien algunos especialistas en marketing pueden sentirse cómodos diseñando y codificando un hermoso correo electrónico desde cero, para aquellos de nosotros que no somos diseñadores web o desarrolladores de correo electrónico, las plantillas de correo electrónico brindan una forma poderosa y que ahorra tiempo para crear correos electrónicos con una respuesta hermosa.

En esta publicación, lo guiaré a través de cómo elegir una plantilla de correo electrónico preconstruida y las opciones de diseño que tomo en el camino.

Elegir una plantilla de marketing por correo electrónico

Si está comenzando en las campañas de marketing, tiene una variedad de opciones de plantilla. Pero antes de elegir una plantilla, pregúntese:

¿ Cuál es el propósito del correo electrónico que planea enviar y la acción que desea que realicen sus destinatarios?

¿Esta acción requiere una explicación con mucho texto y un CTA, o está tratando de mostrar visualmente sus productos con múltiples imágenes? Esté atento a la estructura y un formato que funcione bien con su contenido.

¿Es su marca audaz y llamativa, elegante y pintoresca, moderna y elegante? Es útil encontrar una plantilla que se asemeje a su marca. Si bien puede cambiar las imágenes, el texto y los colores para que coincidan con su marca, es útil tener una plantilla que se alinee con el estilo que busca lograr.

Elegí la plantilla Ingrid and Anders Welcome Series 2 de la izquierda ( disponible para descargar aquí ) porque planeo enviar un correo electrónico promocional desde una joyería.

Si bien los colores y las imágenes no representan la marca de la joyería, la apariencia de boutique se adapta a la sensación general de la marca y las múltiples imágenes y secciones del texto funcionan bien para el contenido que planeo enviar.

Personalización para tu marca

Este es mi enfoque paso a paso para pasar de la plantilla de arriba a la vista previa del correo electrónico a la derecha mientras tengo en mente la marca, el mensaje y la acción deseada en el camino.

Paso 1: Encabezado

Empecé colocando el logo de la joyería en la cabecera. Sus destinatarios de correo electrónico han demostrado que confían y están interesados ​​​​en una relación con su marca. Asegurarse de que lo que ven cuando abren su correo electrónico les resulte familiar y esperado es fundamental para mantener esa confianza.

• • Ancho: el ancho del encabezado debe ser de al menos 600 píxeles para que se extienda por todo el ancho del correo electrónico.
  • Alineación: la mayoría de las empresas alinean su encabezado a la izquierda o lo centran.
  • HTML: para cambiar el logotipo en HTML, cambie el enlace en el atributo img class . El enlace debe colocarse en el atributo src (ver más abajo). No olvide incluir las comillas alrededor del enlace.

Paso 2: Imágenes

Elija imágenes que se relacionen con la copia y su marca. La joyería es un producto muy visual, así que quería que las imágenes ocupasen mucho más del correo electrónico que de la copia.

La primera imagen en mi correo electrónico se relaciona con la copia y la recepción de un regalo navideño. Las imágenes que presentan personas ayudan a los destinatarios a conectarse emocionalmente con el contenido. La segunda imagen destaca una oferta especial de joyería para ayudar a atraer visitantes al sitio web. Encontré estas imágenes en iStock, pero hay muchos otros recursos para encontrar excelentes imágenes .

Cuando incluya imágenes en su correo electrónico, recuerde:

• Incluir texto alternativo: algunos ESP ocultan imágenes en los correos electrónicos. Incluir texto alternativo ayuda a los destinatarios a comprender la idea detrás de la imagen, incluso si no pueden verla.
• Vincular imágenes: esperamos que se pueda hacer clic en todo, incluidas las imágenes. En este correo electrónico, la imagen de los aretes de diamantes, especialmente, debe poder hacer clic en la descripción de este producto en el sitio web.
• Tamaño de la imagen: al igual que el encabezado, asegúrese de que el ancho de las imágenes sea de al menos 600 píxeles.
• HTML: similar a la imagen de su logotipo, busque la img class y el atributo src cuando cambie las imágenes en la plantilla. Para incluir texto alternativo, agregue el atributo alt a la img class y describa su imagen. Para agregar un enlace a su imagen, incluya el atributo href dentro de la etiqueta de img class .

Paso 3: Fuente

Las campañas de marketing permiten a los usuarios importar fuentes para que no tenga que sacrificar los estándares de la marca en sus correos electrónicos. Puede agregar su fuente editando el encabezado HTML (que se encuentra en "Avanzado" en la navegación de la izquierda). Aquí están las instrucciones paso a paso sobre cómo agregar una fuente.

Algunos ESP solo admiten un puñado de fuentes, por lo que es una buena idea elegir una fuente predeterminada estándar como Arial, Times New Roman o Verdana. Elija uno que coincida lo más posible con su sitio web. De esta manera, si la fuente de su marca no es compatible, tendrá una copia de seguridad lista para usar.

Paso 4: copia

Para este boletín, mi objetivo es llevar al destinatario al sitio web, ya sea para crear una lista de deseos o para comprar, por lo que no quiero que se queden demasiado tiempo en el correo electrónico. Esta es la razón por la cual mi texto es breve y directo, lo que lleva directamente a los botones de llamada a la acción.

• Al escribir su correo electrónico , vuelva al objetivo de su mensaje y pregúntese, ¿qué acción desea que tomen sus destinatarios?

Paso 5: Colores

Alinee sus correos electrónicos con su marca utilizando colores similares a los de su sitio web. No es necesario que sus correos electrónicos se vean exactamente como su sitio web, pero intente incluir al menos uno o dos colores en su correo electrónico para vincular su marca. Para este correo electrónico, cambié el color de la fuente para que sea el mismo que el del sitio web e incluí imágenes que tienen un toque dorado para que coincidan con el logotipo.

• • Fondo de correo electrónico: si revisa su bandeja de entrada, notará que la mayoría de los correos electrónicos tienen un color de fondo blanco o neutro y, ocasionalmente, negro. Recomendamos ceñirse a uno de esos colores para el fondo de su correo electrónico. Los colores brillantes o audaces pueden parecer abrumadores y distraer a los destinatarios del contenido real del correo electrónico. A la derecha, están los colores que usé para el fondo y el texto de este correo electrónico.
  • Pie de página: una excelente manera de alinear su correo electrónico con su marca es usar el mismo color de fondo y color de fuente para el pie de página que su sitio web. Esto ayuda a crear continuidad entre sus correos electrónicos y su sitio web.
  • Botones CTA: estos botones suelen ser el elemento más brillante y audaz de su correo electrónico. Deben captar la atención y motivar al destinatario a tomar medidas.
  • HTML: para cambiar el color de los fondos, los bordes o las fuentes en HTML, busque el color hexadecimal de 6 dígitos. Encontrarás el código hexadecimal en elementos y atributos como style , span style , background-color , bgcolor , color y border-color . Es probable que su plantilla tenga múltiples atributos para el mismo color para poder comunicar el color a todos los proveedores de correo electrónico. Asegúrese de cambiar todas las secciones que enumeran el color. Mira este ejemplo del diseño y código del botón CTA.

Paso 6: ¡Prueba!

Una vez que haya configurado su correo electrónico, pruébelo enviándose una vista previa. Aquí hay algunas cosas para verificar en su vista previa:

• ¿Es sensible a dispositivos móviles? Revise su correo electrónico en su computadora de escritorio y teléfono para verificar que el correo electrónico responda a dispositivos móviles.
• Funcionan todos los enlaces? Haga clic en todos los enlaces e imágenes enlazadas. Verifica que los botones de CTA sean lo suficientemente grandes como para hacer clic con el dedo.
• ¿Tu marca es reconocible? Compare su correo electrónico y su sitio web uno al lado del otro. Su marca debe brillar en su correo electrónico.

En las campañas de marketing, también puede realizar pruebas A/B de diferentes elementos (vea la imagen a continuación) y ver si un enlace de texto sin formato ayuda a atraer más clics que un botón colorido de CTA. Esto le dará datos para respaldar sus opciones de diseño para futuros envíos. Para obtener una lista completa de los elementos que debe revisar antes de enviar su correo electrónico, consulte Su lista de verificación de prueba de correo electrónico previa al envío .

Las plantillas prediseñadas son una excelente solución para ahorrar tiempo para aquellos de nosotros que no somos expertos en diseño y desarrollo de correo electrónico. Es fácil personalizar estas plantillas para reflejar la marca y el mensaje de su empresa sin necesidad de profundizar en el HTML del correo electrónico.

Para obtener docenas de plantillas personalizables y receptivas, regístrese para obtener una cuenta gratuita de Campañas de marketing.