Ú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...
Campañas Email Marketing
HTML y CSS para tus newsletters: Recetas básicas
La mayoría de los clientes de email no tienen la misma aceptación para los estándares web modernos que la que tendrían los navegadores. Crear un newsletter o campaña de email marketing y pretender que esta se vea correctamente entodos los clientes de correo no es tarea fácil. Si eres nuevo en el mundo del email (o has empezado hace poco con el html y css), aprender cómo codificar un email correctamente puede resultar un poco complicado. Cada cliente de correo tiene sus reglas y los mismos clientes de correo pueden tener diferentes reglas según con qué navegador seabran (no es...
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: Formato de Vínculos y Optimización de Imágenes
Puede resultar complicado conseguir que los vínculos de nuestras campañas se mantengan del color que deseamos. A menudo, los propios clientes de correo, aplicando estilos propios (azul o lila con subrayado) a los links. Para más información sobre las mejores prácticas para generar tus vínculos visita este artículo centrado en comprobar la eficacia de tus vínculos en tus campañas de email marketing. Soluciones: <span> El tag <span> es utilizado para agrupar elementos en línea de un documento. En sí no produce ningún cambio visual pero es una forma de añadir o diferenciar una parte de texto “especial” – distinto...
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...
Comprueba la eficacia de tus enlaces en tus campañas de email marketing.
Enviamos, obtenemos un índice de aperturas de más del 20% y aun así consideramos que el feedback de nuestros suscritores no es el que esperábamos. ¿Cuál es el motivo? ¿Hemos comprobado las estadísticas de Clic-through? Ese “clic” es la primera acción real en el camino hacia la conversión, ya sea para una venta, una descarga, un registro a un formulario o una donación; entre otros. El propósito de esta entrada es ofreceros algunos consejos para que mejoréis el nivel de atracción visual y de contenido de los links que generáis en vuestras campañas de email marketing. ¿Por qué aumentar...
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....
¿Qué palabras Spam bloquearán mis campañas de email marketing?
¿Qué palabras Spam bloquearán mis campañas de email marketing? Ya hemos visto que las palabras son sólo un porcentaje más dentro de las buenas prácticas para no ser detectado como spam cuando realizamos envíos de correos masivos. Aún así un pequeño despiste puede significar que las aperturas de nuestras campañas de email marketing no sean las esperadas. Antes de realizar cualquier envío es muy importante revisar qué palabras estoy utilizando. El software de envío de newsletters proporcionado por newslettersoft viene provisto con un detector del nivel de palabras spam de nuestros mailings (mide la cantidad de veces que utilizamos una...