Herramientas

MailChimp es uno de los servicios de Email Marketing más utilizados ya que permite crear listas de suscriptores con facilidad, integrar los formularios rápidamente en plataformas como WordPress o PrestaShop, y porque permite crear y enviar emails atractivos, en fin, una solución low cost si quieres enviar un Newsletter Profesional sin invertir mucho dinero.

Las plantillas de MailChimp para el envío de emails están muy bien, pero si quieres dar una imagen profesional lo mejor es crear tus propios Newsletters con el diseño que más te guste, con una cabecera personalizada, tu logotipo, fotos, links, y un pie de página atractivo que se ajuste a tus necesidades y a tus lectores o clientes. Al final de post podrás ver y descargar un Newsletter Gratis fácil de modificar.

Estructura de un Newsletter Profesional

Si te estás preguntando qué estructura y datos debería tener un Newsletter podríamos definir algunas secciones muy claras. Lo importante es que todo el contenido del Newsletter aporte valor añadido al usuario y estos estén esperando con ansias las nuevas versiones del boletín.

1. Link a versión en web:

Sí, tu Newsletter debería llevar en principio un link que diga Ver Online o Si no puedes ver el contenido pulsa aquí, y ese link debería llevar al usuario a una versión online de tu boletín. ¿Por qué hacer esto? Porque hay clientes de correo que impiden la visualización de imágenes en los emails o porque el formato del HTML del boletín no se ve bien en algunos clientes de correo. En fin, que vale la pena subir nuestros boletines a un lugar en nuestra web, por ejemplo: hhtp://boletines/woofreelance.com/boletines/001/

2. Inmediatamente después debe ir la cabecera:

Quizás dividida en dos columnas de una tabla, donde una, lleve el logotipo y la otra los links sociales de nuestra web, o el título del Newsletter, etc. La cabecera debería dejar claro quién eres y el usuario debería identificar tu imagen de marca con facilidad.

3. Luego estarían los contenidos:

Igual que el punto anterior, podemos dividir el contenido en tablas, en una o dos columnas. Luego podemos copiar y pegar ese HTML y modificarlo a nuestro antojo creando nuevas filas. Los contenidos deberían ir de mayor a menor relevancia.

4. Un pie de página o footer:

Sí, sería indispensable tener un pie de página con la información y datos legales de la empresa y con algún link o varios a las distintas secciones de nuestro sitio web.

5. Un link para darse de baja:

Algo vital e indispensable ya que habrá usuarios que, lamentablemente, en algún momento, querrán dejar de recibir tu valiosa información, ofertas o promos. De todas formas junto a este link deberías indicar a tus usuarios que reciben el boletín porque se han suscrito o se han registrado en tu web, podrías añadir un enlace a tu página de política de protección de datos y privacidad, y una declaración de nuestra voluntad de respetar las reglas de envío de correos comerciales. Si lo envías con MailChimp, todo esto lo puedes configurar desde las opciones de envío.

Factores a considerar en un Newsletter Profesional:

No todo es estructura en nuestros boletines, hay otros aspectos que debemos tener en cuenta para que lo que estamos enviando se ajuste a navegadores, resoluciones, dipositivos, etc. Aquí tienes algunos consejos a tener muy en cuenta.

1. Medidas estandar:

Un boletín o Newsletter debe medir entre 600px y 650px de ancho. No es lo mismo ver un boletín en un móvil que en un PC o en tu tablet, y no todo se ve igual en Gmail o en un Webmail. Si queremos que nuestro boletín se vea completamente sin tener que hacer scroll lateral, lo ideal es diseñarlo en estas medidas: 600 píxies de ancho.

2. Fuentes de letra:

Las Google Fonts son muy bonitas, pero no se van a ver en tu boletín, así que lo ideal es que diseñes el boletín con las fuentes que todo el mundo tiene instaladas en sus dispositivos y sobre las que se verá todo correctamente: Georgia, Verdana, Arial, Tahoma, Times New Roman o Trebuchet.

3. CSS en línea (Inline Styles):

Los estilos es mejor aplicarlos directamente a cada elemento web sin crear STYLES en la cabecera y menos desde archivos externos. Algunos navegadores eliminan o no interpretan las etiquetas de estilo en la cabecera. Si queremos dar un color rojo a un texto, lo mejor sería hacerlo directamente sobre el elemento:

<p style="color:red;">Texto en Rojo</p>

4. Las imágenes:

No deben ser GIFs, deben ser JPGs del mismo ancho que nuestra tabla principal. Si el boletín es de 600 píxeles de ancho, las imágenes deberían tener como máximo, 600 píxeles de ancho y este valor debería estar establecido en el html de la imagen.

<img src="tudominio.com/images/la-url-de-la-imagen.jpg" border="0" width="600" height="100">

Un Boletín o Newsletter Profesional es una poderosa herramienta para dar a conocer a nuestros suscriptores los valores añadidos de nuestros productos y servicios

Tuitéalo

Ahora que ya tenemos claro cómo debe ser y lo que debe llevar un boletín te vamos a regalar un Newsletter Profesional para que lo puedas descargar y editar a tu antojo. El boletín es este y más abajo, después de la imagen, tienes las instrucciones para cambiar las fotos, textos y colores, y el tutorial para subir este boletín modificado a tu MailChimp y enviarlo a tu lista de suscriptores.

Newsletter Profesional 600 píxeles de ancho

Newsletter Profesional Gratis

Como ves el Newsletter que hemos preparado es estupendo y muy atractivo y te lo puedes descargar gratis desde aquí para modificarlo siguiendo estas instrucciones:

1. El color principal del boletín es #FF634D así que lo que tienes que hacer para cambiar el color es descargar el archivo .ZIP, descomprimirlo, y con el editor de texto Bloc de Notas abrir el archivo index.html. Con la herramienta de Edición>>Reemplazar reemplazaremos el valor #FF634D por el color que tú quieras dar como color principal para el boletín.

El color negro del boletín, tanto pata textos como fondos es #222222. Si quieres cambiarlo, sigues el mismo procedimiento del paso anterior. Buscar y reemplazar.

2. Las fuentes están definidas en la primera línea de código del boletín, en la etiqueta BODY y puedes reemplazar el orden por la fuente que quieras que sea la fuente principal. Busca esta línea y la modificas:

<body style="font-family: Tahoma, Georgia, Verdana, Arial,sans-serif;" bgcolor="#f5f5f5">

3. Las imágenes del boletín están numeradas para que puedes cambiarlas fácilmente. Además del nombre del archivo y la extensión, también están indicadas las dimensiones que deben tener esas imágenes. Así que te será muy fácil crear tus imágenes y reemplazarlas.

4. Los textos te serán muy fácil de encontrar para modificarlos. Utiliza la herramienta de Edición>>Buscar del Bloc de Notas o guíate por los comentarios que hemos puesto en el HTML del archivo, ya que cada bloque está comentado para que puedas guiarte. Verás algo como esto sobre cada bloque de contenidos:

<!--WOOFreelance.com: Logo y Redes Sociales Newsletter-->

Editar el Boletín – Vídeo Tutorial

Enviar Newsletter con MailChimp

Luego de modificar los colores, texto y fotos y que ya hayas terminado de añadir toda la información a tu boletín veremos cómo subirlo a MailChimp en un archivo comprimido ZIP y enviarlo. Nuestro paso final:

Como habrás visto, con nuestro Newsletter Gratuito y MailChimp podrás crear boletines profesionales con una imagen gráfica atractiva y totalmente compatibles con lo servidores de correo más utilizados. No olvides comentar y suscribirte a nuestro Newsletter con TIPS, consejos y recursos gratis para crear y mejorar tu sitio web.

Un Newsletter o boletín profesional debe aportar a tus usuarios o clientes contenidos de calidad, debe ofrecer una imagen atractiva y funcionalidad

Tuitéalo

Ándate con ojito eh!

Este post tiene Más de 3 meses desde que fue publicado. Es posible que no esté del todo actualizado, que las versiones de PHP no sean las mismas o que el CMS haya sido actualizado. Si tienes dudas o problemas, o la información no es la correcta comenta más abajo.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos requeridos están marcados *


The maximum upload file size: 64 MB.
You can upload: image, audio, video, document, text.

Publicar comentario