Advertisement
  1. Web Design
  2. Email Templates

Como Usar Plantillas de Correo Electrónico de Campaign Monitor

by
Read Time:6 minsLanguages:

Spanish (Español) translation by Javier Salesi (you can also view the original English article)

Mientras creadores de correo electrónico en servicios como Campaign Monitor y MailChimp se vuelven cada vez más poderosos, aún hay magníficas razones para usar una plantilla de correo electrónico HTML que es única para tu marca.

En éste breve tutorial, describiremos como comenzar a utilizar una plantilla de correo HTML en Campaign Monitor, para tus campañas de correo electrónico y datos de trabajo automatizados. Dependiendo de que tanto quieres personalizar la plantilla, puede tomar desde cinco minutos para importar y comenzar a enviar, hasta unas horas para códificar y testear si se trata de un trabajo de diseño más personalizado.

Una vez que has encontrado (e incluso personalizado) una plantilla que te fascine, podrás usarla reiteradamente-y con las herramientas de testeo de spam y diseño de Campaign Monitor, confía en que tus mensajes de correo electrónico luzcan fabulosos para destinatarios en cualquier lugar.

¿Qué es una Plantilla de Correo Electrónico HTML?

En resumen, una plantilla de correo electrónico HTML (que simplemente llamaremos una "plantilla" de ahora en adelante) es un documento HTML y archivos de imágenes que lo acompañan, que son diseñados para ser importados a una plataforma de correo electrónico como Campaign Monitor o MailChimp. Una vez importadas, las plantillas pueden ser usadas una y otra vez para crear mensajes de marketing por correo electrónico, que pueden ser enviados a una lista de suscriptores (es decir, destinatarios de correo electrónico). Éstas pueden tomar la forma de boletines informativos, sumarios de contenido de blog semanal, invitaciones de eventos y más.

Etiquetas de Plantillas de Campaign Monitor

Una plantilla de correo electrónico debería venir con texto editable y áreas de imagenes-ya sea independientes, o dentro de "maquetados" repetibles como se define en el lenguaje de etiquetas de Campaign Monitor. Éste lenguaje versatil puede usarse para personalizar plantillas de correo electrónico HTML descargadas, convertir correos electrónicos HTML de boletines informativos en plantillas, o crear tus propias plantillas desde cero.

Samples of the Campaign Monitor template tag languageSamples of the Campaign Monitor template tag languageSamples of the Campaign Monitor template tag language
Ejemplos del lenguaje de etiquetas de plantillas de Campaign Monitor, demos por la plantilla Evo.
  • <repeater> es un bloque de cotenido que puede ser repetido un número infinito de veces.
  • <layout> incluye múltiples diseños separados dentro de un elemento que se repite.
  • <multiline> muestra HTML que puedes modificar usando el editor WYSIWYG de Campaign Monitor.

Cuando una plantilla ha sido correctamente codificada con etiquetas, podrás importarla, luego usar el editor de correo electrónico de Campaign Monitor para crear campañas de correo electrónico y datos de trabajo automatizados.

¿Por qué utilizar una Plantilla?

Si tu negocio (o el de tu cliente) tiene una pautas de marca específicas, entonces es probable que los correos electrónicos de boletines informativos con los que trabajas ya tengan una apariencia y sentido establecido. Alternativamente, si estás haciendo una primera incursión en el marketing de correo electrónico podrías querer hacer que todos tus mensajes luzcan de una cierta forma; una que no pueda lograrse usando el creador de correo electrónico.

En ambos casos, tener una plantilla puede permitirte mantener tu marca, además de reducir drásticamente el tiempo de diseño-envío en comparación por decir, codificar un correo electrónico HTML desde cero.

Si has encontrado una plantilla que tiene exactamente el maquetado, y la estética que quieres, ¡bien hecho! Puedes saltarte la siguiente sección, importarlo a Campaign Monitor y comenzar a crear campañas de correo electrónico. Sin embargo, si necesitas hacer ediciones, entonces lo siguiente puede ser útil.

Habilidades Que Necesitas para Editar una Plantilla

Anteriormente, si querías crear una página web, lanzarías Notepad para crear un archivo HTML, crear un directorio para las imágenes (generalmente llamado,/imágenes), y tras horas de agregar contenido y efectuar pruebas en tu navegador, subirías el material a un directorio público en la web.

Años después, trabajar con archivos de plantillas no es muy diferente, sin embargo en lugar de subir, importaremos la plantilla a Campaign Monitor. Para alcanzar éste paso necesitas:

Si confidencialmente puedes editar y testear documentos HTML (teniendo en cuenta que el soporte CSS en clientes de correo electrónico como Gmail, Outlook y otros es fabulosamente peculiar), luego puedes editar plantillas de correo electrónico para deleite de tu corazón.

Cómo importar una Plantilla a Campaign Monitor

Para preparar tu plantilla para importar, necesitarás:

  • El archivo HTML.
  • y otros archivos que indica tu HTML (como imágenes y CSS) contenidas en un solo directorio y comprimido en formato ZIP.

Una vez listo, podrás importar la plantilla a la sección Templates (Plantillas) de tu cuenta de Campaign Monitor:

  1. Da click en la imagen de tu perfil y ve a Templates.
  2. Ve a Import (Importar).
  3. Asigna un nombre a tu nueva plantilla, como "My Newsletter."
  4. Da click en Choose file (Elegir archivo) (debajo de HMTL page) para seleccionar el archivo HTML de tu computadora.
  5. Posteriormente da click en Choose file (debajo de Todos los archivos de otras imágenes y CSS) para seleccionar el archivo ZIP (si tienes uno) de tu computadora.
  6. Da click en Add template (Agregar plantilla) para subir los archivos.

¿Está funcionando la Plantilla?

Si has podido importar la plantilla, ¡Felicitaciones! Deberías verla bajo My Templates (Mis plantillas) cuando creas una nueva campaña de correo electrónico o datos de trabajo. Una vez seleccionada, puedes comenzar a agregar contenido en el editor de correo electrónico de Campaign Monitor.

Una vez que crees una campaña, automáticamente puedes probarla en más de 20 clientes de correo electrónico como Mail paa el iPhone & iPad, Gmail, Outlook y más, usando pruebas de diseño y spam de Campaign Monitor. Alternativamente, puedes probar la campaña manualmente enviando un correo electrónico de prueba a tus cuentas de correo en varios dispositivos.

¿Qué puede estar mal?

Siempre puede haber baches en el camino, desde el momento que intentas importar una plantilla, hasta la etapa de testeo. Asi que, aquí está un aspecto de algunos problemas comunes y soluciones:

La Plantilla No se Importará a Campaign Monitor

Revisa que el código HTML (incluyendo las etiquetas de plantilla) esté debidamente formado.

Asegúrate que no estés accidentalmente intentando importar archivos grandes e innecesarios, como recursos de Photoshop y video.

Mi Campaña No Se Ve Bien en Dispositivos Móviles

Asegúrate de que el documento de correo HTML sea "responsivo", es decir. que contenga media queries válidas en la hoja de estilos CSS. Nota que no todos los clientes de correo electrónico soportan media queries, incluyendo Gmail en iOS/Android.

Correos Electrónicos Se Ven Diferentes en una Variedad de Buzones

Puedes encontrar, por ejemplo, que los resultados en Gmail parecen diferentes de digamos, Apple Mail. Revisa si el correo electrónico HTML contiene propiedades CSS3, fuentes web-y proporciona alternativas donde sea posible. No todos los clientes de correo electrónico proporcionan total soporte de CSS, pero con frecuencia es posible asegurar que el mensaje aún sea legible y se despliegue correctamente, incluso bajo circunstancias menos que perfectas.

En Resumen

Una buena plantilla de correo electrónico hará que tus campañas se vean magníficas tanto en dispositivos móviles como en PC's de escritorio-mientras puede haber variaciones entre como se ven en un navegador web y en el buzón, el mensaje debería siempre ser legible y fácil de navegar.

Sin embargo, si has estado importando manualmente correos electrónicos HTML hasta éste punto, probablemente encontrarás que usar una buena plantilla de correo electrónico te ahorrará a tí y a tu equipo innumerables horas en la creación, importación y testeo de mensajes de correo electrónico. ¡Te preguntarás como pudiste sobrevivir sin ellas!

Espero que hayas disfrutado éste tutorial y ahora te sientas confiado en seleccionar una plantilla, prepararla para Campaign Monitor, luego importar y usarla para tus campañas en correo electrónico y datos de trabajo automatizados. Para inspiración, recomiendo visitar la galería de diseño de correo electrónico de Campaign Monitor-luego usar tu plantilla saber-como ¡para crear tu propio diseño!

Recursos Útiles.

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.