Seguramente es un pregunta que muchos de los usuarios de Fidelizador deben hacerse a diario: ¿Qué peso o tamaño debe tener el email HTML que enviaré a través de una campaña a mi lista de contactos?

Buena pregunta, sobre todo si pensamos que son cada vez más las personas que están leyendo sus correos en dispostivos móbiles, por lo que conocer el peso ideal es fundamental para una correcta lectura.

La lógica nos indica que debe ser lo mas liviano posible, pero es difícil llegar a un número exacto. Pero gracias a un post que leímos en el blog Email on Acid, obtuvimos finalmente una respuesta: 102 kb.

En el artículo comentan que hicieron pruebas con Gmail y concluyeron lo siguiente: “Si tu email excede los 102 kb, Gmail desplegará los primeros 102 kb de tu correo y luego “comprimirá” el resto del mensaje y te lo mostrará a través de links dependiendo del dispositivo en donde estés leyendo el mensaje (webmail, Android, iPhone, iPad)”.

Por suerte las imágenes no cuentan dentro de los 102 kb, sólo el contenido del HTML, ya que las imágenes sólo se descargan cuando el receptor del correo clickea en: “mostrar imágenes”. Para superar los 102 kb, un email debería ser demasiado largo (o el código muy pesado).

Si quieres saber más, te invitamos a leer el artículo completo de Email on Acid aquí

Fuente: Email o Acid

1.- Incluir una versión del texto del mensaje.

Esto puede ayudar con los problemas de algunos de tus suscriptores cuyos teléfonos móbiles no son compatibles con el formato HTML (aunque cada vez son menos los aparatos con estas limitantes).

La buena noticia para los usuarios de Fidelizador.com, es que al momento de enviar una campaña viene integrada automáticamente con una versión de texto de la misma.

2.- Mantén tus links despejados.

Si tu mensaje tiene enlaces destinados a que tus suscriptores hagan clics en ellos, déjalos lo más despejados y destacados posible. De esta manera evitarás que los enlaces se mezclen con el resto del texto y se pierdan en un mar de palabras ;D

3.- Atrapa al lector con tu “Asunto” del mensaje.

Si envías campañas de email marketing a menudo, ya sabrás que escribir un atractivo asunto del mensaje es clave para tener éxito en la apertura de correos. Lo recomendado es que tu asunto no tenga más de 7 palabras, ya que corres el riesgo de que se trunque y a la gente no le interese leerlo.

4.- Utiliza las etiquetas correctas para tus imágenes.

Si tu mensaje lleva imágenes, asegúrate de incluir tags alternativos para describirlas. Con eso permites que los receptores de tus correos en dispositivos móbiles que no muestran las imágenes, puedan saber que el mensaje contiene una y lo que significa. (Esto se debería hacer en cada una de las campañas que hagas y que contengan imágenes, independiente si es un HTML).

5.- ¿Está clara tu llamada a la acción?

Tenemos que pensar que las personas cuando reciben correos (que no sean de trabajo) tienen poco tiempo para leerlos, por lo tanto nuestra llamada a la acción debe ser lo más efectiva posible. Trata de ubicarla en un lugar que sea lo más visible, no la hagas difícil de encontrar.

Fuente: Copyblogger

Por Rodrigo Fuentealba > Developer Fidelizador.com> @hagarelvikingo

Son muchos nuestros clientes que siguiendo la buenas prácticas del email marketing, elaboran newsletter o boletines en HTML para enviarlos a sus contactos usando Fidelizador.com.

Puede que ya domines a la perfección el envío de campañas de correos, o tal vez, jamás te has percatado de que un mismo correo electrónico se ve distinto en Gmail, Hotmail, Outlook o Yahoo!. Por lo mismo, este artículo se divide en dos entregas; la primera con una visión general y que permite entender la naturaleza del correo electrónico con texto enriquecido, y la segunda, más técnica y que tiene relación con mejorar el código para que sea lo más compatible con la mayoría de los clientes de correo electrónico.

En un post anterior escribí sobre la evolución del correo electrónico, y mencioné brevemente lo que es HTML (Lenguaje de Marca de Hipertexto), que en el fondo es texto (igual que el de un libro o una revista) al que se le hace toda clase de “marcas” que indican cuándo un pedazo de texto es un título, cuándo una tabla y cuándo hay que agregar un enlace o una imagen.

Pero aunque el texto se “vista” de marcas, texto se queda, y sigue siendo algo sin ningún diseño o estilo. Lo que le pone colores, dimensiones, márgenes y bordes, se llama CSS (Hojas de Estilo en Cascada). ¿Y cómo funcionará esto entonces?

Es común que en los sitios de Internet, el HTML y el CSS se escriban en separado. Cuando uno visita http://www.example.org/index.html, el navegador de Internet va a buscar el archivo “index.html” y uno o más archivos terminados en “.css” especificados en el mismo “index.html”. Luego, el navegador interpreta lo que está en el HTML, busca los estilos de cada una de esas marcas, dibuja el estilo en la pantalla, revuelve y se lo sirve al usuario.

Pero el HTML fue creado específicamente para funcionar con HTTP (Protocolo de Transferencia de Hipertexto), que a grandes rasgos es un estándar creado para que podamos ver distintos sitios web. A pesar de que el HTML no sirve para escribir correos, a alguien se le ocurrió la genial idea de que podría hacer que un correo sea escrito en lenguaje HTML y visto por un “navegador web embutido” dentro de los distintos clientes de email.

Excelente idea, salvo porque tenemos varias limitaciones, y la más evidente (para los que hemos destripado los servidores de correo al menos), es que no podemos entregar un HTML y un conjunto de hojas de estilo en CSS en un mismo correo. Ahora, recordaremos que la inclusión de HTML para enviar correos fue una competencia entre empresas que ofrecían el servicio de correo más que un trabajo colaborativo entre ellas…

El resultado es que no existe una manera estándar de escribir correo en HTML que se vea igual en todos los clientes, y el objetivo que perseguimos al enviar un correo electrónico es que el mismo sea consistente entre todos los clientes. Para lograr un buen resultado, debemos diseñar nuestros correos usando las mismas técnicas que en 1995, entre ellas:

• Tablas, que fueron hechas para datos tabulados, no para diagramar sitios completos.

• Estilos en línea sobre las etiquetas, que se usaban porque pocos entendían bien cómo poner CSS en otros archivos hasta que se masificó Macromedia Dreamweaver entre 1997-99.

• Estilos rígidos, porque los correos electrónicos no tienen la propiedad de los sitios web en que se reorganiza el contenido si uno cambia de resolución de pantalla.

Como si fuera poco, había que tomar algunas decisiones en particular: la pantalla más pequeña en la que Windows 95/98 y hasta 2000 era usable era de 640×480 (como referencia, en una vista FullHD tenemos 225% más de alto y 300% más de ancho de pantalla), por lo que si alguien quería asegurarse de que la otra persona no tuviera que mover las barras de scrolling mientras leía un email, debía enviarlo con un ancho máximo de 620 píxeles, estándar que hasta ahora se mantiene.

Con toda esta tremenda explicación a muchos nos da una tremenda flojera el diseñar un correo electrónico para ser enviado a través de una campaña de email… entonces… ¿Podemos simplemente utilizar un compositor de texto enriquecido, como si hiciéramos un documento en Office o iWork?. Pues… Es mala idea. Estos editores se llaman WYSIWYG (“What You See Is What You Get”, o “Lo que ves es lo que obtienes”), pero cuando se trata del correo electrónico, podrían llamarse algo así como WYSIPNWYG (“What You See Is Probably Not What You Get”, o “Lo que ves probablemente no es lo que obtienes”).

Todos estos editores tienen como referencia el uso de HTML orientado a la Web, por lo que está bien definir el diseño en uno de ellos, pero el resultado deberá retocarse con un editor de texto simple y las hojas de estilo deberán reescribirse para que estén “en línea” dentro del código HTML. Y a veces el resultado entre dos clientes de correo electrónico es tan distinto, que conviene publicar una versión del correo que pueda ser visible desde el correo electrónico.

Si usted, estimado lector, trabaja intensivamente con campañas de correo electrónico, es conveniente que configure distintas cuentas de correo (Gmail, Hotmail y Yahoo!, además de configurar varios clientes de correo de pruebas con su cuenta de Gmail), para que compare cómo se ve una campaña de correo en muchos lectores.

En la próxima entrega daremos a conocer algunos tips sobre mejorar la compatibilidad de lectores de correo electrónico.

Nos leemos!!

Según estudios realizados en Estados Unidos, el email móvil ha subido un 36% en comparación con años anteriores. Y como no debemos ignorar este tipo de datos, les queremos entregar algunos consejos para obtener mejores resultados haciendo email marketing en dispositivos móbiles:

• Incluye una versión de texto de cada mensaje. La idea es que no sea algo con tanta producción como si lo diseñaras en HTML, pero al menos que invite a los usuarios a pinchar tus enlaces.

• Colocar enlaces de texto destacados unos de otros. Recuerda que las personas están leyendo en pantallas pequeñas.

• No utilices enlaces a imágenes de gran tamaño. Estan tomarán mucho tiempo en descargarse y aburrirán al lector.

• Utiliza un buen asunto del mensaje para captar la atención de la gente. Esta “batalla” de las bandejas de entrada también ocurre en los teléfonos móviles.

• Utiliza los alt tags correctos para tus imágenes.

• Elige un “Call to action” que sea claro y directo.

• Realiza pruebas de envíos de correos. Utiliza diferentes tipos de teléfonos para hacer pruebas y analizar como se visualizan en BlackBerry, iPhone y otros smarthphones.

• Y recuerda no escribir contidos aburridos e irrelevantes. Agrega valor.

Fuente: Frogloop

Google Image

Continuamente llegan a mi bandeja de entrada correos de diferentes personas y empresas ofreciendo productos y servicios. Algunos son de empresas a las cuales me he suscrito para recibir su información y otras lamentablemente de personajes haciendo Spam (enviando información no deseada y sin mi consentimiento).

Es por este motivo que hemos querido mencionar algunos de los errores más comunes que se cometen cuando se quiere hacer una campaña de email marketing…..atentos!!!

Lo envían desde una dirección genérica info@xxx. Lo mejor que puedes hacer es crear remitentes que sean conocidos por los contactos, pero no utilizar los personales (el que usas con tus amigos y familiares).

Escribir el asunto íntegramente en mayúsculas. Esta es una vieja regla del “buen comportamiento”. Escribir en mayúsculas es lo mismo que estar gritándoles a las personas en Internet. Otro punto importante son los tildes, estos pueden afectar el nivel de spam, por eso es recomendable colocar una nota del tipo: “Los tildes se han omitido del mensaje intencionalmente”, para que tus contactos no piensen que estás cometiendo errores ortográficos.

Enviar archivos adjuntos. ¡Es una pésima práctica!, pero si encuentras que es absolutamente necesario ojalá que los adjuntos no excedan los 80 KB.

Utilizar sólo una imagen. En post anteriores hemos hablado del por qué es malo mandar sólo una imagen como correo. Lo ideal es construirlo en HTML con texto acompañados de imágenes, tal cual te llegan nuestros newsletters.

Botón para desisncribirse. Esto es muy importante, ya que en cada envío que hagas debes siempre colocar un link que le entregue la posibilidad a tu contacto de eliminarse de tu lista de correos. Fidelizador.com entrega esta funcionalidad por defecto en todos los envíos que realizan nuestros clientes.

Estas son algunas recomendaciones básicas para que sigan mejorando sus campañas de email, sobre todo ahora que se acercan las fiestas de fin de año…. practícalas!

Para este nuevo artículo tenemos el honor de contar con la participación de nuestro Software Developer Rodrigo Fuentealba, quien ha querido plasmar toda su experiencia y años de circo, hablando de la historia de cómo nació y ha evolucionado el correo electrónico:

Un historiador dijo una vez que “todo lo que ocurre en el presente tiene explicación si se analiza el pasado“.

Betamax / Google Image

Quizás tenga razón, pero pocas veces recordamos el pasado en términos de tecnología. Olvidamos las RCA Victor, los televisores Westinghouse, la lucha VHS versus Betamax, los Personal Stereo y la aparición de los primeros CD. Sin embargo, no nos cuesta aprender a utilizar cada cosa nueva que sale en el mercado. Un reproductor multimedia como el que utilizamos en la actualidad tiene los mismos controles (Reproducir, Avanzar, Retroceder, Pausar, Detener) que nuestro Ipod.

Pero si hablamos de tecnología, no podemos no hablar de Internet, que también tiene su historia.

Nació como ARPANET en el Departamento de Defensa de los Estados Unidos en 1972, y era muy distinto de lo que es ahora. En primer lugar no era tan veloz (transferir un MP3 de 4 Mb en 1997 tomaba algo más de 8 horas, y cosas como YouTube o Grooveshark eran totalmente impensables).

Estas limitaciones también afectaban al correo electrónico como lo conocemos ahora. En el equipo de Fidelizador.com, los más computines veteranos cuentan cómo era el correo electrónico con la misma nostalgia con que otros recuerdan su primer televisor o su primera consola de videojuegos.

Antigüedad: Correos de Texto

¿El primer correo? /Google Image

Antes de 1995, escribir un correo electrónico era tan divertido como elaborar una carta con máquina de escribir. Este constaba de un encabezado y un cuerpo, donde el encabezado cumplía la misma función que un sobre normal: contenía el emisor y el receptor del mensaje y todas las firmas de las oficinas postales (o servidores de correo electrónico) por los que pasó, y el cuerpo contenía un texto rústico, en el que para marcar una palabra con negritas se le escribía entre *asteriscos* o para marcarla como cursiva, se le escribía entre _underscores_. Ah, y se podía enviar archivos adjuntos, pero no todos los clientes de correo lo soportaban.

Edad Media: Correos HTML

Con el paso del tiempo, la cantidad de gente que tenía acceso a una computadora y a Internet aumentó considerablemente, y junto con esto, surgieron proveedores de correo electrónico como Hotmail, Yahoo! y otros, que competían por posicionarse en la Internet como proveedores de vanguardia.

Una de las grandes cosas que se creó para ello fue la posibilidad de enviar correo electrónico con “formato enriquecido”, lo que consistía en agregar código HTML (utilizado para las páginas Web) en el cuerpo del email. Una complicación: no todos los clientes de correo electrónico soportaban correos en formato HTML, por lo que esta característica tuvo que volver a ser mejorada nuevamente.

Edad Moderna: Correos Multiparte

En ambas versiones del correo electrónico existían ventajas. El correo electrónico en modo texto era preferido para intercambiar información en universidades, mientras que el modo HTML permitía a empresas difundir su identidad corporativa de una nueva forma; mientras que a estas alturas, las limitaciones en términos de almacenamiento y velocidad de conexión ya habían desaparecido. La mejor forma de no perder funcionalidad es evidente: enviar el correo electrónico en ambas versiones, la de texto y la HTML, y el usuario elige qué versión utilizar, ofreciéndose por defecto en casi todos los clientes de correo la versión HTML por ser la más avanzada.

Básicamente, el correo Multiparte es una extensión del correo electrónico, en el que cada parte (incluyendo los archivos adjuntos) se separa de la anterior con una marca de límite (la versión electrónica del clásico - – - 8< corte aquí 8< – - -), y los archivos adjuntos se envían también como un sólo paquete de datos (no como en la antigüedad).

Edad Contemporánea: Correos Multiparte… pero mejor aprovechados.

En la actualidad hemos visto que, en vez de crear computadoras más potentes, han salido al mercado dispositivos portátiles. Para un usuario tecnológico, ya no basta tener un teléfono para hablar, sino que debe tener una serie de características como conectividad a Internet, cámaras fotográficas, reproducción de audio, video… y cómo no, correo electrónico.

Un smartphone común y corriente nos permite tomar una fotografía y enviársela por correo electrónico a un colega o inclusive compartirla en Twitpic o Flickr. Y para recibir correos electrónicos, en vez de tener toda esa tremenda cantidad de imágenes que nos saturan la pantalla, podemos siempre leer su versión de texto, que es mucho más cómoda.

También podemos gozar de plataformas como la de Fidelizador.com , que hace uso de muchas de las funcionalidades del correo electrónico (inserción de imágenes y colores, por ejemplo) para el Email Marketing y lo ponemos al servicio de nuestros clientes. Estamos trabajando para colocar a su disposición nuevas formas de utilizar el correo electrónico que es, a todas luces, la herramienta más versátil que existe en Internet.

Google Image

Cómo lo habíamos anticipado en nuestro post anterior, les queremos dejar algunos tips para elaborar un newsletter en HTML. Es importante conocerlo, ya que es parte de las buenas prácticas que se deben tener en cuenta cuando se realizan campañas de email marketing:

• Un diseño lo más simple posible

• Utilizar tablas (sí, tablas) y no divs para posicionar los elementos de nuestro newsletter. Preferentemente usar tablas diferentes para cada parte del contenido y evitar en lo posible, las tablas anidadas y la combinación de columnas.

• Si queremos incluir un color para el fondo de nuestro newsletter deberemos crear una tabla de 100 % de ancho con ese color de fondo.No usemos hojas de estilo externas ni embebidas en el head. Podemos utilizar CSS sólo aplicando los estilos “in-line”, es decir repitiendo cada estilo dentro de cada etiqueta HTML mediante la propiedad style. Puede resultar tedioso, pero es la única forma totalmente segura de aplicar formato mediante CSS a un newsletter. Usando con inteligencia las funciones de buscar y reemplazar de cualquier editor podremos cambiar estilos sin tanto trabajo. Un ejemplo aplicado a un párrafo (el código y el resultado):

<p style=”font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #f8f8e4; padding: 4px;”>Este texto debería verse dentro de un bloque con un fondo claro</p>

Este texto debería verse dentro de un bloque con un fondo claro

• Si no tenemos tiempo o ganas de hacer esta tarea, podemos probar incluyendo las hojas de estilo dentro de los tags <body> y </body>. Esto funcionaba bastante bien hasta hace poco, pero no funcionará en Gmail por lo que si tenemos muchos suscriptores de ese servicio es preferible usar estilos “in line”. Otra opción es rescatar a nuestra vieja y ya obsoleta etiqueta <font>, para dar un formato sencillo al texto.

• Utilizar un ancho fijo de menos de 600 px, para asegurarnos de que la mayoría de los dispositivos puedan mostrar decentemente nuestro diseño.

• Subir las imágenes a un servicio de hosting (o hostearlas en el propio servicio web de envío) e incluir como ruta de todas las imágenes, la url absoluta de cada archivo de imagen. Por ejemplo: si tenemos una carpeta llamada “newsletter” en nuestro sitio, y usamos un editor como Dreamweaver, probablemente nos quede algo así en el código:

<img src=”logo.jpg” alt=”" />

Para que los usuarios que reciben el email puedan ver esa imagen deberemos reemplazar ese código por:

<img src=”http://www.ejemplo.com/newsletter/logo.jpg”>

• Los vínculos deben también contener la ruta absoluta al archivo vinculado:

<a href=”http://www.ejemplo.com/pagina-de-ejemplo.htm”>

• Diseñar el newsletter teniendo en cuenta que muchos suscriptores le darán una leída “por arriba” para ver si les interesa antes de decidirse a activar la descarga de las imágenes. Es importante que se vea medianamente bien aún en esas condiciones. Una sugerencia: indicar siempre el alto y ancho de cada imagen para que el “placeholder” (indicador de posición de imagen) tenga el mismo tamaño que la imagen original y no se desarme el diseño.

• Si queremos que más gente lea y haga click en los links de nuestro Newsletter, nunca usemos imágenes para esos links ni para los títulos o contenidos relevantes.

• Podemos usar el Dreamweaver u otra herramienta WYSIWYG pero, en última instancia, siempre tendremos que codificar “a mano” parte de nuestro newsletter. Si no estamos dispuestos a ensuciarnos las manos con el código, es mejor que le pasemos la tarea a alguien que pueda hacerlo.

• Hagamos varias pruebas antes de enviar un newsletter. Recomendamos tener al menos un equipo con los principales programas de correo instalados y tener varias cuentas POP3 y de webmail que usemos para testear los resultados en cada sistema.

Fuente: The HTML Email Guide

Foto Blog Alvaro Véliz

¿Sabes de lenguaje Html?… entonces esto es lo que estabas esperando para crear tu propia aplicación de Facebook para tu empresa. Encontramos en un blog bastante interesante, una explicación detallada de cómo crear y personalizar una aplicación para esta red social.

Según el autor del blog,  Facebook soporta dos formatos de aplicaciones externas, aplicaciones creadas usando FBML y las que usan el no estandar iframe.

¿Suena complicado?, recuerda que todas las herramientas que sirven para potenciar las comunicación con los clientes son efectivas y sobre todo si tienen que ver con las redes sociales.

Aprende a construir tu aplicación aquí

Para que una campaña de email marketing sea exitosa, existen muchos factores que deben estar en armonía. Uno de estos es la importancia de enviar a nuestros contactos una versión de texto de los correos HTML.

• No pierdas la oportunidad de llegar a tus suscriptores por todos los medios. Por eso, aquí en Fidelizador.com te damos algunos consejos para que tu correo tenga el éxito que esperas:
• Algunos filtros de spam reconocen un correo electrónico que está llegando a ellos sólo con la versión HTML. Muchos remitentes de spam no incluyen una versión de texto cuando envían sus mensajes de correo electrónico, por lo que el filtro puede llegar a pensar que un spammer puede estar haciendo de las suyas.
• Envío a grandes empresas: algunas de éstas no aceptan en sus bandejas de entrada correos con formato HTML, por eso es importante la inclusión de una versión de texto del correo para obtener una mejor respuesta.
• Envío a celulares: puede ser una excelente alternativa mandar una versión corta del email a los contactos de los cuales se tenga el número de celular. Eso si, no hay que extenderse de los 20 a 30 caracteres, esto es lo que se denomina comunicación efectiva.

Fuente: Marketineros