Como hacer y diseñar un boletín electrónico para aumentar visitas

El diseño de un boletín electrónico debe tener en cuenta las particularidades del medio que se emplea para lograr que sea eficaz. Aquí mostramos ejemplos y herramientas para hacer un boletin.

Los boletines electrónicos son extremadamente útiles para la promoción, tanto de páginas web como de comercios establecidos. Esto supone el empleo del correo electrónico como medio de publicidad y marketing.

Los medios electrónicos son cada día más empleados por los consumidores como medio de informarse acerca de productos, contratar servicios, comprar bienes, hacer reservas y pagar por todo ello.

Todo esto ha provocado un aumento considerable del interés de las empresas, grandes y pequeñas, en acercarse al usuario de internet elaborando campañas de marketing basadas en el correo electrónico.

Muchos sitios web emplean esta estrategia para mantener informados y generar interés en sus usuarios (y con ello aumentar el nivel de tráfico), emplean boletines desde sus páginas web.

En la actualidad, los boletines electrónicos se han vuelto más sofisticados en su diseño, en gran medida debido a la ampliación  constante del ancho de banda de las conexiones privadas, lo que permite que los usuarios tengan la posibilidad de descargar algunos elementos adicionales en sus correos electrónicos.

El boletín debe estar pensado teniendo en cuenta que los usuarios del correo electrónico destinan unos segundos para ver el contenido de los mismos.

Debe existir un equilibrio entre las imágenes que el usuario reciba y el texto.

Los textos tienen un poder de llegada sobre los usuarios muy importante, pero también más lento. La imagen siempre llega primero al usuario, al igual que el diseño en su conjunto. Es por esta razón que en el diseño de los boletines electrónicos, adquieren mucha mayor importancia los principios de diseño web.

Como diseñar un boletín electrónico

Para que tengan una idea más acabada del tema, les mostraremos un diseño muy sencillo de un boletín electrónico y como diseñarlo. Tienes el material de descarga y un ejemplo aquí:

En el archivo comprimido encontrarán el boletín terminado, con un archivo CSS y las imágenes necesarias. Las características de este boletín son las siguientes:

• Tiene un bajo peso, ya que en total los archivos ocupan unos 27kb, lo que para este tipo de medios es lo más recomendable. Un correo muy pesado, que demore varios segundos en terminar de descargar todos sus componentes, puede hacer que el usuario lo cierre sin terminar de verlo.
• Está diseñado para que tenga un ancho de 498px. Esto se debe a que muchas veces la configuración de los correos electrónicos hace que se abra una ventana de menores dimensiones, por lo que si el boletín tiene mayores dimensiones, el usuario deberá emplear la barra de desplazamiento horizontal, lo que no es conveniente. 498px se puede dividir entre tres, lo que resulta indispensable para el cuerpo central, como veremos más adelante.
• También tiene una extensión vertical reducida, por lo que en la mayoría de los casos, el usuario tendrá la totalidad del mensaje a la vista sin necesidad de desplazarse.
• El reducido tamaño del mensaje hace que el tamaño de las imágenes (que son bastante pequeñas) sea suficiente para que el diseño aparezca balanceado.

Tipo de documento

Teniendo en cuenta que la extensión del archivo CSS es muy pequeña, también puede optarse por incluir la hoja de estilo en el HTML, lo que no tendrá influencia en el resultado final.

Las etiquetas meta que deben incluirse en este tipo de documentos son muy pocas, ya que muchas de ellas están relacionadas con el posicionamiento y los robots de buscadores y en este caso son cosas que no es necesario tener en cuenta.

Características generales

Como pueden ver en los archivos, la página del boletín está dividida en cuatro secciones claramente diferenciadas: El encabezado, que incluye una imagen, el título, el cuerpo central, donde está la descripción, y el pie de página que contiene información de localización y contacto.

En el primer caso, se restablecen los márgenes y el relleno a cero, para igualar la visibilidad del documento en todos los navegadores y evitar que aparezcan márgenes y rellenos por defecto.

También en la etiqueta body se establece el color de fondo de todo el documento y la fuente y color de las mismas que se empleará.

En la etiqueta img solo se establece que no tendrán bordes, evitando de esta forma que cuando la imagen tenga un enlace, esta aparezca con el característico borde de color azul que indica que la imagen está enlazada.

Encabezado

El diseño del mismo debe ser estudiado en detalle, para que brinde al receptor una idea general del contenido, además de formar parte de la imagen institucional.

Tal como ya se ha dicho, el diseño está conformado por un contenedor, el cual tiene 498px de ancho. El margen lateral es “auto”, haciendo que todo el contenido de la etiqueta aparezca centrado en la página, sin importar el ancho de la ventana del navegador.

Dentro del mismo, aparece el logotipo, que tiene 498px de ancho, por lo que no es necesario ajustar su posición.

Generalmente los logotipos institucionales no cuentan con estas medidas, por lo que el diseñador tiene dos opciones: la primera es colocar un logotipo a la izquierda del encabezado y completar el ancho con el título, o diseñara una imagen que tenga toda la extensión y que incluya al logotipo.

Título

El título se ha colocado simplemente empleando la etiqueta h1, a la que se le han dado las características de la fuente necesarias para que se integre al diseño.

Se ha elegido la fuente Times New Roman (Times como alternativa para Mac) en estilo itálica para darle un aspecto elegante. El color empleado es coincidente con la imagen que le precede, de forma de mantener una continuidad en el diseño.

Se le ha dado un margen superior e inferior de 15px, para que quede separado y generar los espacios en blancos necesarios para no saturar el diseño y que el título, a pesar de tener un color que no lo diferencia del encabezado, quede resaltado.

Cuerpo y mensaje

El cuerpo central de la página está constituido por un contenedor general de 498px con centrado automático. De esta forma, se alinea perfectamente con el encabezado y el título.

El cuerpo además, está dividido en tres contenedores definidos con la clase “mensaje”, que sirve para dividir en tres columnas al cuerpo central.

Estos contenedores tienen un ancho de 160px con un margen de 3px. El ancho total sería:

(160px x 3) + (6px x 3) = 498px (esta es la razón por la cual se ha elegido el ancho de 498px)

Cada uno de los divs “mensaje” contiene una imagen y un párrafo, que están colocados siguiendo el flujo del documento. Estos contenedores tienen marcado el float: left, lo que hace que se coloquen uno a un lado del otro.

El texto del párrafo tiene las características que se han determinado en el body, por lo que no ha sido necesario establecer fuentes y colores.

Pie de página

El pie de página también está enmarcado en un div con 498px de ancho. Se le ha colocado un color de fuente más tenue, ya que la función de este contenido es la de brindar la información necesaria pero sin que se produzca un resaltado excesivo.

Se ha marcado claramente el enlace a la web de la institución para que se diferencie del resto del párrafo. Al final, se han colocado los enlaces al validador de W3C, para que puedan comprobar que los documentos son válidos para CSS 2.1 y XHTML 1.1.

Como hacer un boletín electrónico o newsletter

Una de las estrategias de marketing web mas empleada es la distribución de boletines electrónicos o newsletters a una lista de distribución. Los boletines electrónicos suelen tener un bajo índice de lectura, que en el mejor de los casos puede ser del 50%, aunque lo más frecuente es que ronden en el entorno del 20%.

Para que el porcentaje de lectura sea más alto y por consiguiente, mejore todo el programa de marketing de la página web, es necesario que se sigan una serie de recomendaciones, que abarcan varios aspectos de este tema.

Como estructurar la información de un boletín

Un boletín, para que alcance su objetivo, debe contar con algunas características esenciales que atraigan la atención del lector en forma rápida, ya que otra característica de los boletines informativos o publicitarios es que el tiempo que emplean los lectores para determinar si les interesa el contenido o no es muy bajo.

La brevedad del contenido textual es esencial, por lo que debe buscarse en todo momento que el lector se sienta atraído con unas pocas líneas de texto. Esto, que en una primera instancia parece sencillo, es una de las tareas más difíciles y más delicadas. Una buena idea es ver algún manual sobre mensajes publicitarios.

La estructura de un boletín electrónico no debe contar con más de dos o tres secciones, en primer lugar porque seguramente los lectores del boletín no sigan más allá de los dos o tres primeros contenidos del mismo, y luego porque se debe tener en cuenta el tamaño del correo electrónico, el que para evitar que el posible lector tenga inconvenientes para descargarlo y abrirlo, es conveniente que se trate de un archivo más bien pequeño y con un contenido de buena calidad y bien dirigido.

El tema central debe resultar particularmente atractivo para los lectores, haciendo que luego de la lectura del mismo el usuario sienta deseos de obtener más información al respecto y visite la página o se sienta atraído por un producto y desee adquirirlo.

Los títulos en este tipo de información reducida adquiere especial importancia. Los mismos deben resultar muy atractivos para que, tras la lectura de los mismos, se desee continuar con el resto del contenido.

El diseño gráfico del boletín

Cuando intentamos atraer la atención visual de alguien, uno de los métodos que más empleamos es la utilización del color. Al igual que en el diseño de la página web, el color es empleado con la finalidad de atraer la atención de los usuarios y conseguir un efecto visual agradable.

Debe tenerse en cuenta que es conveniente que el empleo del mismo debe seguir ciertas pautas institucionales.

Si tenemos una web con una paleta de colores determinada, es conveniente que la misma paleta de colores sea empleada en el diseño del boletín que enviamos a los usuarios de la misma, de forma que los mismos relacionen fácilmente al boletín con la página.

La utilización de colores en fondos y fuentes, debe hacerse haciendo especial hincapié en el contraste para facilitar la lectura del contenido textual.

Atendiendo a este último punto, es fácil de observar que la combinación de colores que provoca una mayor facilidad para la lectura son el fondo blanco o de tonos muy pálidos, con textos en negro o colores muy oscuros.

Bajo ningún concepto es deseable que el boletín cuente con más de dos o tres colores, excepto en casos especiales que la temática así lo requiera.

La utilización de imágenes, si bien no es una práctica desaconsejada, debe hacerse con cuidado, ya que las mismas son los elementos que más afecta el tamaño de los archivos. Imágenes entre medianas y pequeñas consiguen ilustrar el contenido, balancear el diseño y hacerlo más agradable.

La estructura gráfica del diseño debe ser sencilla, con márgenes que den una buena separación entre los diferentes contenidos evitando la sobrecarga visual. Si bien es posible emplear dos columnas para estructurar el diseño, en la mayoría de los casos es mejor emplear una única columna, de forma tal que haya espacio suficiente para los textos y los gráficos.

Las imágenes en el diseño

Emplear imágenes como parte del diseño gráfico puede ser un error, sobre todo si se abusa de ello, ya que provocan un aumento considerable del tamaño del archivo en forma innecesaria. Las imágenes ilustrativas, no deberían ser más de dos o tres, optimizadas en forma adecuada.

Tampoco es conveniente la utilización de enlaces en las imágenes, ya que los filtros anti-spam suelen utilizar esto como indicio de la presencia de spam, y de ninguna manera es conveniente que nuestro newsletter vaya a parar a los ficheros destinados a ello.

Utilización de fuentes

Además de ser necesario un buen contraste entre el fondo y el texto, éste tiene que tener un tamaño adecuado. Otro elemento que simplifica en grado extremo la lectura de los contenidos es el empleo de fuentes adecuadas, evitando las dificultades de lectura.

Utilizar más de tres tipos de fuentes diferentes, puede hacer que el aspecto visual del diseño se vea afectado en forma negativa, por lo que es aconsejable que se empleen no más de tres fuentes diferentes.

Téngase en cuenta que los contenidos van a estar contenidos en páginas más reducidas que una página web normal, por lo que una gran cantidad de variantes de un mismo elemento puede hacer que todo el diseño se vea mal.

Téngase en cuenta que, al igual que en el desarrollo de una página web, conviene emplear aquellas fuentes más estándares, de forma que cualquier navegador en cualquier sistema operativo cuente con ellas.

Bordes, líneas y separadores

Si el diseño requiere que se empleen cualquiera de los elementos mencionados, debería tenerse especial cuidado en que los mismos no resulten una atracción para la vista del lector, por lo que conviene que sean finos y de colores muy atenuados.

Tampoco resulta muy atractivo ver un diseño lleno de cuadros, por lo que el empleo de los bordes debe ser cuidadoso y respetando las líneas generales del diseño.

Plantillas gratis para hacer tu boletín

Estas plantillas la gran ventaja que tienen es que están super testeadas en diferentes clientes de email, por lo que te aseguras de estar enviando tus emails correctamente.

Necesitas hacerte una cuenta en Litmus para descargarlas, pero la cuenta es gratuita.

Herramientas para administrar boletines de páginas web

Los boletines para páginas web son una herramienta que requiere administración, dando de alta a nuevos usuarios, dar de baja a los que así lo requieren, establecer los temas de interés de los usuarios y distribuir los contenidos en base a ello, etc., tarea que resulta imposible de hacer en forma manual.

Esto ha hecho que aparecieran algunas soluciones que posibilitan la administración de los boletines y que, en su mayoría, pueden integrarse a cualquier página web.

Existen dos tipos de administradores de boletines para páginas web:

• El primero, es en línea, y además de permitir la administración online, suelen ofrecer el alojamiento de las bases de datos necesarias. Este tipo de soluciones, son todas de pago.
• El segundo, es a través de un software que se instala en el servidor y se integra a la página web; algunos de ellos son de pago y otros tienen licencias que permiten su descarga gratuita.

Phplist

Por un lado, un software que debe ser instalado y configurado, que se distribuye en forma gratuita bajo licencia GPL.

La otra opción que se presenta, es phplist hosted, la que en este caso ofrece también el alojamiento de la base de datos, la instalación y la configuración, es decir, listo para usar.

Esta segunda opción cuenta con dos servicios, uno gratuito de prueba, limitado al envío máximo de 50 mensajes por día con un límite máximo de 300 mensajes al mes, otro que requiere el pago de USD 30, sin límite de envíos diarios y con un máximo de 15.000 envíos mensuales.

Si bien la página principal está en inglés, no bien se ingresa en la documentación, es posible acceder a la misma en español. Este software y el servicio en línea, también tienen versiones en español.

Configuración de rebotes

Esta es una de las funcionalidades más notables que ofrece este software.

El rebote es el correo electrónico devuelto por no existir la dirección o por que el destinatario tiene su casilla completa. Tras la cantidad de rebotes de una misma dirección, el software automáticamente da de baja a la misma, lo que evita el envío de una cantidad de emails innecesaria.

Configuración de la velocidad de envío

Esto se ha creado con la finalidad de evitar los inconvenientes con los servidores, ya que si se deben enviar una gran cantidad de boletines y estos son enviados todos a la vez, puede provocar la utilización de una gran porción del ancho de banda, haciendo demasiado lento el funcionamiento de su página web y de otras alojadas en el servidor.

Usar un boletín electrónico para promocionar una web

Además, mediante la inserción de artículos de opinión o editoriales podemos conseguir ganarnos la confianza de los suscriptores y, como consecuencia, un posible cliente de nuestro negocio.

Si el usuario recibe todos los meses un mail con novedades del sitio o, mejor aún, con artículos e información de su interés, al mismo tiempo que creas una comunidad de usuarios que te siguen en tus consejos y son potenciales compradores de tus productos, estarás incrementando el tráfico hacia tu web.

No necesitas ser un experto en el tema para hacer un boletín electrónico, de lo único de lo que te tienes que preocupar es de ser capaz de proporcionar información útil a tus clientes potenciales y ser constante (no vale escribir un boletín hoy, otro mañana y hasta dentro de seis meses nada).

Además, conviene incluir enlaces a tu página para facilitar al máximo el acceso a tu web. Algo que también puedes hacer es colocar los artículos del boletín en tu página web y escribir una breve reseña junto con el enlace hacia cada noticia en el boletín, creando así un tráfico constante hacia tu web.

Si tienes pocos suscriptores no te preocupes, conseguirás aumentar con paciencia el número si realizas un boletín electrónico de calidad que sea realmente útil.

Sólo tienes que ser constante y promocionar el boletín en tu página web y en sitios en los que pueda ser de interés para los visitantes.

Beneficios de los boletines eletrónicos

• Permite una comunicación directa, rápida y barata con el usuario.
• Es una fuente de promoción web muy importante.
• Ayuda a estrechar el vínculo entre el empresario y el cliente y aumenta la confianza en él depositada.
• Brinda la oportunidad de proporcionar al lector información útil e interesante, lo que aumenta a su vez el interés por el editor y su negocio.
• Ayuda a fomentar la sensación de pertenencia a un grupo (usuarios de tu página) creando una comunidad entre los miembros.

Consejos para hacer un boletín electrónico efectivo

• Escribir asuntos de correo atrayentes: borrar correos electrónicos es la acción más común en la gestión del correo, la gente está aburrida de recibir mensajes spam y no le tiembla el pulso a la hora de borrar un mensaje sospechoso. Para determinar si un mensaje es spam o no lo más frecuente es fijarse en el asunto, por eso es importante escribir títulos atrayentes y lo menos parecidos a un anuncion publicitario. Algunas claves:
  • Ser breve.
  • Atraer la atención con palabras de acción.
  • Ser positivo
  • Parecer creíble.
• Los encabezados “de” y “para”: es preferible personalizar estos campos para mostrar su nombre propio o el de su empresa, queda mucho mejor y más cercano que la simpre dirección de email.
• La forma de escribir: procura escribir párrafos breves con un lenguaje cercano, no es cuestión de que te conviertas en un feriante, pero los correos electrónicos no suelen conllevar el formalismo de otro tipo de comunicaciones empresariales. Procura exponer el tema central en el primer párrafo para situar al lector desde el principio y escribe correctamente y sin faltas.
• HTML o texto: nos referimos al envío de correos en formato HTML o sólo texto. En HTML tienes más opciones para presentar tu correo, añadiendo colores, imágenes, etc. Hace unos años pocos servidores de correo soportaban el formato HTMl, pero hoy en día está mucho más extendido, por lo que creo que puede usarse sin problemas la mayoría de las veces.
• La firma del correo: no olvides poner al final de cada boletín electrónico que envíes tu firma, que incluya al menos el nombre de la empresa y la URL de la compañía.

Responsive design en email marketing

Es incuestionable que la tecnología está cambiando de manera trepidante. Ello requiere que todas las tendencias se vayan reajustando y adaptando a las nuevas tecnologías que se nos presentan.

El responsive design se ha vuelto un requisito indispensable para mejorar la experiencia de los usuarios en los dispositivos móviles. Teniendo en cuenta que la tasa de apertura de éstos ya supera al resto de dispositivos, estamos obligados a reinventarnos y a adaptarnos a las nuevas necesidades de los internautas.

Según un estudio de Brightware sobre el éxito del email en la era móvil, el 70% de los usuarios borran los correos electrónicos cuando éstos no aparecen correctamente en sus móviles y el 20% se da de baja. Una evidencia clara de la necesidad de adaptar correctamente todos los contenidos a este dispositivo.

El diseño responsive en el ámbito de la web ha madurado mucho en los últimos años y se han desarrollado técnicas para sacarle el mayor partido minimizando las incompatibilidades entre los diferentes navegadores. Por lo contrario, en el caso del email, el diseño responsive ha tardado más en llegar, por lo que aún quedan muchos retos por superar.

A la hora de maquetar emails la dificultad es mayor que en el caso de las páginas web.

La situación demanda una reacción por parte de este sector y no se puede seguir dando la espalda a estas tendencias. Estamos hablando de un diseño destinado a mejorar la experiencia del usuario en los dispositivos móviles, por lo que se le debe dar prioridad y la importancia que requiere.

A continuación, os expondré algunos consejos que os pueden ser de utilidad para llevar a cabo vuestros responsive email designs con éxito:

1. Ponte en contacto con profesionales especializados en email marketing. Según el estudio “uso y percepción del email marketing en España” de Adigital, el 75% de las empresas no externaliza la gestión del email marketing provocando que el nivel de expertise de los profesionales que lo llevan a cabo sea elemental, reduciendo considerablemente la eficacia de las campañas.
2. Consulta comunidades profesionales especializados en email marketing: consultar comunidades especializadas en esta temática te ayudará a solucionar o contestar posibles preguntas o problemas que te surjan. Algunas comunidades que podrían serte de utilidad son: “Comunidad de Litmus” o grupo de Linkedin sobre “Email marketing y marketing relacional”.
3. Chequea tu email con herramientas de previsualización. Con estas herramientas podrás comprobar cómo se previsualiza el email para buscar posibles errores y las soluciones pertinentes en cada situación. Un ejemplo de herramienta de previsualización podría ser la que ofrece “Litmus”.
4. Utilizar plantillas responsive. Un buen punto de partida para crear tu diseño responsive es que cojas una plantilla como ejemplo, y a partir de allí la modifiques según tus necesidades. Una herramienta que puede serte de utilidad en este caso es “Zurb”.

Aunque ha quedado clara la necesidad de adaptar los emails al dispositivo móvil, aún son muchos los que ignoran esta necesidad. Un claro ejemplo de ello es Gmail, el cual impide la correcta renderización de los emails responsive.

En definitiva, cada vez  son más los profesionales que ven la necesidad de adaptar el email a las nuevas estrategias de marketing, a los nuevos dispositivos y a las nuevas necesidades que predominan en los usuarios, con el fin de ofrecer el mejor servicio posible.

Os dejo algunos recursos y materiales sobre un webinar de responsive email design que os puede ser de gran ayuda y podéis consultar.

Algunas consideraciones finales

A la hora de ofrecer este servicio a tus visitas tienes que tener cuidado de no abusar de él ni hacer spam. Lo recomendable es enviar como mínimo un correo al mes y como máximo uno a la semana (quincenalmente preferentemente).

Además, debes dejar claro en cada mensaje la manera de borrarse de la lista para evitar hacer spam y asegurarte de que sea una forma fácil y rápida.

Puedes incluir una imagen en la cabecera del mensaje con un enlace a tu web y también enlaces a las secciones que has actualizado para facilitar el acceso a los visitantes. Piensa que con cada correo que envíes tienes muchas posibilidades de conseguir una visita, por lo que hazlo bien.