![\"C\u00f3mo](\"https:\/\/fromdoppler.com\/blog\/wp-content\/uploads\/blog31.jpg\")
<\/p>\n<\/p>\n
\u00bfQuieres lograr que tus piezas se visualicen en todo tipo de dispositivo<\/strong>? Haz Campa\u00f1as de Email todo terreno con los consejos de nuestro experto Nazareno Oviedo<\/a>. \u00a1Desc\u00fabrelos ahora!<\/p>\n Codificar tus Emails Responsive<\/a> ya no es una opci\u00f3n<\/strong> sino una premisa para\u00a0lograr los resultados que buscas. \u00bfImaginas que uno de tus Suscriptores no acceda a tu promoci\u00f3n porque no ha podido visualizar tu Campa\u00f1a? \u00a1Ni pensarlo!<\/p>\n El 09 de septiembre cientos de personas presenciaron una nueva capacitaci\u00f3n online de Doppler Academy\u00a0brindada por\u00a0Nazareno Oviedo<\/a>, UI Developer en Making Sense<\/a>. El orador, no solo brind\u00f3 excelentes consejos sobre HTML Responsive<\/strong> sino que adem\u00e1s, se encarg\u00f3 de codificar una Campa\u00f1a de Email en vivo.<\/p>\n \u00bfTe has perdido el Webinar o quieres verlo en detalle para maquetar tus piezas junto a Nazareno? \u00a1Aqu\u00ed tienes el video! Pero antes\u2026 Te recomendamos que te registres a la pr\u00f3xima capacitaci\u00f3n gratuita y online que brindar\u00e1 Adri\u00e1n Pel\u00e1ez<\/a>, Director de Comunicaciones en SOWEB<\/a>: \u201cC\u00f3mo utilizar el Marketing de Influencia en tu estrategia global\u201d<\/strong>. \u00a1Inscr\u00edbete ahora!<\/p>\n \u00a1Vamos por partes! Para\u00a0comenzar, Nazareno dej\u00f3 en claro a qu\u00e9 se le llama\u00a0Email Responsive<\/strong>:<\/p>\n Es aquel que se adapta al entorno de nuestro Suscriptor, bas\u00e1ndose en el tama\u00f1o de la pantalla y en el cliente de correo.<\/p>\n<\/blockquote>\n Si quieres alcanzar la m\u00e1xima efectividad en tu estrategia de Email Marketing<\/a>, debes lograr que tus piezas sean accesibles para cualquier usuario y a todo tipo de dispositivo ya sea smartphone, tablet o netbook<\/strong>. \u00bfEs imprescindible lograrlo? La respuesta es: \u00a1claro que s\u00ed!<\/p>\n Seg\u00fan un estudio realizado por Litmus<\/a>, en 4 a\u00f1os las aperturas mobile han tenido un aumento del 500%<\/strong>: en 2011 ocupaban solo el 8%; hoy en d\u00eda, alcanzan el 53%. En paralelo, la cantidad de Emails abiertos en desktop<\/strong> (escritorio) ha descendido considerablemente: desde un 58% en 2011 hasta llegar a un 22% en 2015.<\/p>\n El espacio que tienes para organizar los elementos de tu pieza no son iguales para una versi\u00f3n de escritorio que para un dispositivo m\u00f3vil. Al disponer de menos lugar, deber\u00e1s pensar en reorganizar esos objetos<\/strong>\u00a0para darle prioridad a lo verdaderamente importante.<\/p>\n Gracias a la codificaci\u00f3n Responsive, podr\u00e1s modificar tama\u00f1o de\u00a0contenidos, im\u00e1genes y tipograf\u00edas<\/strong> para lograr que se visualicen justo como lo deseas, dependiendo del cliente de correo y del tipo de dispositivo donde sea abierto tu Email.<\/p>\n Tambi\u00e9n podr\u00e1s ocultar contenido<\/strong> que no sea realmente necesario para lograr el objetivo de tu Campa\u00f1a, y apilar las columnas de tus piezas para que tanto el texto como las im\u00e1genes logren un mayor impacto visual.<\/p>\n Este termino hace referencia a\u00a0las sentencias condicionales que posibilitan obtener estilos espec\u00edficos seg\u00fan las caracter\u00edsticas de cada pantalla. El uso de Media Queries<\/a>, te permitir\u00e1 detectar el tama\u00f1o de la pantalla<\/strong> y as\u00ed, realizar las modificaciones de contenidos, im\u00e1genes y estructuras.<\/p>\n Al utilizar Media Queries, lo que haces es definir una serie de condiciones<\/strong> que tu HTML debe respetar. Por ejemplo, si el ancho de la pantalla en que se abre el Email es mayor a 600 px, el color que el elemento deber\u00e1 adquirir ser\u00e1 rojo. O bien, si el ancho es menor a 600 px la imagen se mostrar\u00e1 al 100%.<\/p>\n \u00a1Atenci\u00f3n! Ten en cuenta que no todos los clientes de correo<\/strong> soportan Media Queries. Se calcula que solo el 47% de ellos lo hacen. Entre los m\u00e1s conocido podemos nombrar: IOS (Iphone\/Ipad), Android 4.x. Native Client, Android Outlook.com app y Windows Phone 7.5.<\/p>\n Existen varios programas que te ser\u00e1n de gran ayuda para el armado de tus HTML. Sin embargo, estos son los que\u00a0Nazareno<\/a>\u00a0recomend\u00f3 a los asistentes: Sublime Text<\/a>, Notepad<\/a> y Litmus<\/a>.<\/p>\n Con respecto a este tema, tenemos que contarte algo que te encantar\u00e1: hace poco tiempo, en Doppler lanzamos un Editor\u00a0HTML<\/a>\u00a0completamente renovado que te permite personalizar al 100% nuestras nuevas Plantillas de Email Responsive<\/strong>. \u00a1Crea tu cuenta gratis y con\u00f3celas!<\/a><\/p>\n Gracias a ciertos softwares, como caniuse.com<\/a>,\u00a0podr\u00e1s saber qu\u00e9 propiedades del CSS son funcionales en diferentes versiones de navegador<\/strong>. En este sentido, tambi\u00e9n puedes utilizar Litmus<\/a> para poder previsualizar tus piezas de Email en diferentes clientes de correo.<\/p>\n Una de las claves en Email Marketing<\/a>, es no centrar el dise\u00f1o de la pieza en las im\u00e1genes, ya que muchos agentes no permiten la visualizaci\u00f3n<\/strong> de ellas por default. A esto hay que sumarle que si estas\u00a0son demasiado pesadas, tardar\u00e1n m\u00e1s tiempo en descargarse y,\u00a0\u00bfsabes qu\u00e9? solo tienes 4 segundos<\/strong> para impactar a tu usuario antes de que abandone tu Email.<\/p>\n Por\u00a0eso, Nazareno<\/a>\u00a0brind\u00f3 algunas recomendaciones<\/strong> para lograr la m\u00e1xima efectividad en tus Campa\u00f1as. \u00a1Toma nota!<\/p>\n Nuestro orador\u00a0no quiso que la capacitaci\u00f3n solo quede en la teor\u00eda. Para que puedan aplicar sus consejos, pens\u00f3 que lo mejor ser\u00eda que todos pudieran acceder al c\u00f3digo de HTML<\/strong> que \u00e9l codific\u00f3 durante el Webinar. As\u00ed que\u2026 \u00a1aqu\u00ed lo tienes<\/a>!<\/p>\n \u00bfTe has perdido alg\u00fan concepto? \u00a1No te preocupes! Te<\/strong> dejamos la presentaci\u00f3n<\/strong> de nuestro experto para que repases todo lo visto. \u00a1Adelante!<\/p>\nPor qu\u00e9 tus piezas deber\u00edan ser Responsive<\/h2>\n
\n
\u00bfQu\u00e9 podr\u00e1s hacer en Emails Responsive?<\/h3>\n
4 Consejos que volver\u00e1n infalibles tus HTML<\/h2>\n
#1 Utiliza Media Queries<\/h3>\n
#2 Elige un software que facilite tu trabajo<\/h3>\n
#3 Descubre la compatibilidad con cada cliente de correo<\/h3>\n
#4 Optimiza las im\u00e1genes de tus Emails<\/h3>\n
\n
\u00bfEst\u00e1s listo para comenzar?<\/h2>\n