Últimamente no paramos de escuchar estas palabras: media queries, responsive design, hojas de estilo para dispositivos móviles, etc. ¿Pero de qué va todo esto? Responsive design no es más que preparar un diseño que pueda adaptarse a todos los diseños, des de pantallas de 1200px a 480px. Las media queries (declaración @media) son una pequeña parte de código que añadiremos a nuestras hojas de estilo para poder realizar modificaciones específicas en el css de dispositivos móvil concretos. Esto nos permitirá mostrar u ocultar elementos, redimensionarlos, cambiar colores, etc. Vamos a ver cómo: Si queremos definir estilos específicos para un dispositivo...
Author Archives:
HTML y CSS para tus newsletters: Responsive Email Design
Parece ser que ya es un requerimiento adaptar nuestro código y diseño a los dispositivos móvil. Con aproximadamente un 38% de todas las aperturas de email ocurriendo en dispositivos móvil, la portabilidad del email nunca había sido tan crucial. Los suscritores son inconstantes y abrirán los correos cuando sea más conveniente para ellos. Esto dificulta saber o predecir cuando, dónde y con qué dispositivo los usuarios abrirán nuestras campañas. Lo que sí sabemos es que nuestros newsletters deben adaptarse a los dispositivos móvil si queremos que la experiencia del suscritor sea positiva. El Responsive Email Design es una optimización del...
HTML y CSS para tus newsletters: CSS en línea y atributos de tablas
¿Por qué debemos utilizar estilos en línea? Gmail, Lotus Notes, Gmail para Android y Windows Mobile 7, son los clientes de correo que no admiten los tags en el head. Por eso utilizaremos los estilos en línea. Esto consiste en definir el estilo <style=””></style> dentro del propio tag html: <h1 style="font-family: 'Trebuchet MS'; font-weight: normal; letter-spacing: -2px; color: #003366; font-size: 32px; line-height: 32px; padding: 10px 0px; margin: 0px;"> Tu<b>NombreEmpresa</b></h1> Desgraciadamente son pocos los estilos que serán comunes en todos los clientes de correo. Reglas para el uso de estilos en línea: 1. Estilos que no admiten todos los navegadores:...
HTML y CSS para tus newsletters: Utilizar las herramientas adecuadas
Dreamweaver es una herramienta muy útil para la maquetación de páginas web: autocompleta el código, es una forma ágil de generar HTML, tiene una opción de diseño o pantalla dividida donde vemos al mismo tiempo el código y el diseño, pudiendo diferenciar qué partes del código hacen referencia a qué partes del diseño y podremos hacer modificaciones en él y ver cómo se reflejan en el HTML y CSS. Aun así no siempre es la mejor opción. Habitualmente Deamweaver al realizar estos pasos genera etiquetas y contenido adicional que no es bienvenido en según en qué clientes de correo. No...
Una Imagen no es una campaña de email marketing
Muchas veces pensamos que tener un diseño atractivo para nuestros emailings es la base para que la gente abra nuestras campañas de email marketing; nos limitamos a crear dicho diseño guardar la imagen y enviarla sin más, confiando en que los suscritores la recibirán tal y como nosotros la vemos. Pero pensemos, ¿realmente funcionará? ¿Abriríais vosotros un emailing como el que vemos en la imagen inferior? ¿Clicaríais en descargar imágenes? Personalmente, desconozco por completo el contenido del mismo y lo único que tengo a la vista es el enlace de baja. Como vemos, una imagen no es un emailing. Ahora...
Redecora tus campañas de email marketing
¿Cuántas aperturas, clicks, reenvíos.. tienen tus campañas de email marketing? Está comprobado que sólo destinamos 2,8 segundos a visualizar un email y decidir si lo borramos o clicamos en la propuesta que nos están mostrando. Por lo tanto, el subject (Asunto) y la creatividad de tu propuesta serán determinantes para conseguir tus objetivos. Es muy importante tener claros los objetivos a conseguir y usar técnicas de usabilidad y accesibilidad en la definición de la creatividad a parte de pensar que el 45 % de los lectores de tus emails ya los estan viendo a través de los móviles....
Texto alternativo para imágenes y versión texto en las campañas de email marketing
Dar formato a un newsletter de texto o poner texto alternativo al formato html – ¿Existe una fórmula perfecta? Tras recibir, recientemente, emails de algunos de nuestros clientes, pidiendo algunos consejos sobre como dar formato a las campañas de texto y las versiones de texto de campañas HTML vamos a comentar como cambiar de manera rápida el aspecto a un email de texto sin formato. Teniendo en cuenta que la aplicación genera automáticamente una versión de texto cada vez que se crea una campaña de emailing en HTML, es normal no darle mucha importancia. Para los conservadores que siguen mandando...
Tendencias en email marketing 2012
Una de las grandes preguntas que nos hacemos actualmente es cómo vender en un mundo como el de hoy con tanto contenido digital, comunicaciones electrónicas y decisiones que pueden realizarse con un solo click. Hay canales para cada producto y el email es uno de los más efectivos. Pero el mundo digital es dinámico y las tendencias es algo que tenemos que conocer para poder seguir sacando el máximo de provecho a nuestros recursos y herramientas, para conseguir los mejores beneficios. Por ejemplo, la llegada y consolidación de dispositivos móviles y recientemente de las redes sociales, unido a nuestra comunicación...
La Historia del email
Infografia de la Historia del email
Trigger Marketing: aumentar la eficiencia del email marketing
Aunque probablemente el término trigger marketing no sea muy común para muchos usuarios su significado y consistencia no es en realidad algo nuevo. El trigger marketing consiste en acciones personalizadas de marketing directo donde se aprovecha la información aportada por los consumidores para enviarles información sobre productos o servicios adecuados a los gustos y deseos del potencial consumidor, buscando producirle un impacto mayor en la comunicación que la marca establece con él. Y ¿cómo surge esto? las nuevas soluciones de CRM (customer relationship management) permiten segmentar los clientes en perfiles desde la base de datos, creando grupos de usuarios que...