Email and Digital Marketing
¿Cómo podemos ayudarlo?
Busca en nuestros artículos de ayuda, tutoriales de video y guías de inicio rápido

Podrás con esto. Podrás con nosotros. Encuentra rápidamente en nuestra Base de conocimientos las respuestas a tus preguntas sobre marketing por correo electrónico.

Prácticas recomendadas para diseñar correos electrónicos para dispositivos móviles

Article: 000006191
Updated: 8 de abril de 2026

Haga que un mensaje de correo se vea en un smartphone o tableta tan bien como se vería en una computadora de escritorio o portátil tradicional

Los dispositivos móviles, como los teléfonos inteligentes y las tabletas, son una forma cada vez más popular de consultar el correo electrónico. La experiencia visual en estos dispositivos es muy diferente a la de un ordenador tradicional. Las plantillas de correo electrónico adaptables a dispositivos móviles utilizan tecnología para adaptar y formatear el diseño del correo electrónico en función del tamaño de la pantalla.

Por ejemplo, un correo electrónico adaptable a dispositivos móviles con una imagen y texto a la derecha en una computadora de escritorio aparece apilado (es decir, la imagen arriba y el texto abajo) en un dispositivo móvil. Esto permite al usuario leer el mensaje de correo más fácilmente.

 

Ícono de bombilla de luz¿ Sabías que si quieres controlar cómo se ve tu contenido en un dispositivomóvil , puedes elegir que se apile de izquierda a derecha, de derecha a izquierda o que no se apile en absoluto?

 


Consejos de texto para dispositivos móviles

Como puede imaginar, el espacio disponible en la pantalla es especialmente valioso en los dispositivos móviles. Parte del texto que puede aparecer normal en una computadora de escritorio  puede encogerse en otro dispositivo, obligando a que sus contactos aumenten o disminuyan la pantalla solo para leer parte de un mensaje de correo.

Asegure una excelente experiencia de lectura siguiendo estas pautas:

  • Mantenga la línea de asunto con menos de 40 caracteres: las líneas de asunto a menudo se truncan en la bandeja de entrada de un teléfono móvil. Mantener las líneas de asunto con menos de 40 caracteres (espacios incluidos) asegura que se las leerá en su totalidad.

    Bandeja de entrada de correo electrónico en el móvil con ejemplos de líneas de asunto.

  • Evite usar texto pequeño: use texto que sea fácil de leer en cualquier dispositivo. Le recomendamos mantener los tamaños predeterminados proporcionados en la plantilla. Si necesita cambiarlos, use 22pt para los encabezados y 14pt para el texto del cuerpo. Elija las fuentes aptas para web que están preinstaladas en muchos dispositivos y no utilice más de dos tipos de fuentes diferentes. Obtendrás los mejores resultados con 20 líneas de texto. Si tu contenido es más largo, lo mejor es incluir unas pocas líneas cortas de texto de "adelanto" con un botón para leer más en línea.

    Correo electrónico visualizado en un dispositivo móvil con buena composición de encabezado, imagen, texto y botón "Leer más".

  • Incluir texto alternativo con las imágenes - Las personas que usan dispositivos móviles suelen estar en movimiento. Como resultado, siempre están tratando de controlar su consumo de datos. Al entrar en su configuración y seleccionar la opción "Do not automatically download images (No descargar las imágenes automáticamente)", los usuarios móviles pueden reducir drásticamente el uso de datos y los tiempos de carga. Esto significa que tus imágenes se verán afectadas. Incluir texto alternativo con tus imágenesgarantiza que no se pierda nada. Le permite transmitir la esencia de su mensaje con palabras en lugar de imágenes.

    Correo electrónico visto en un dispositivo móvil con imágenes que no se muestran y texto alternativo



Consejos de imágenes y diseño para dispositivos móviles

Si llevas un tiempo copiando la misma plantilla antigua una y otra vez, se recomienda que crees un nuevo correo electrónico para renovar tu diseño. Todas nuestras plantillas de correo electrónico son totalmente adaptables a dispositivos móviles .Sea cual sea la opción que elijas, seguir algunas pautas comunes garantiza que tu correo electrónico se vea genial, independientemente del tipo de dispositivo en el que se visualice:

  • Personalice según la marca: mantenga su selección de colores en un máximo de cinco (excluyendo el negro y el blanco). Asegúrese de que el color del texto sea legible contra el fondo.
  • Mantenga el mensaje corto: tenga presente la longitud de su mensaje. Agregar bloques adicionales alargará su mensaje y hará que sea difícil de leer en un dispositivo más pequeño. En la mayoría de los casos, no necesitará más de una imagen, tres líneas de texto y una clara llamada a la acción. Con un análisis de más de 2,1 millones de mensajes de correo electrónico de clientes de Constant Contact se descubrió que los mensajes de correo con tres o menos imágenes y 20 líneas de texto obtuvieron los mayores porcentajes de clics .
  • Alinee sus columnas: ¿recuerda esos bloques de dos y tres columnas? No se ven de igual manera en un dispositivo móvil que en uno de escritorio. Por defecto, se apilan en un único correo electrónico largo con desplazamiento, donde la columna de la izquierda se muestra primero. Puedes controlar cómo quieres que se apile el contenido en dispositivos móviles, pero deberías considerar usar columnas con moderación. ¡Solo tienes unos diez segundos para captar la atención de tus lectores!
  • Considere el tamaño de las imágenes: Las imágenes que tengan 480 píxeles de ancho o más llenarán todo el ancho de la pantalla en dispositivos móviles. Para imágenes que no quieras que ocupen todo el ancho de la pantalla, como logotipos e iconos, súbelas con el tamaño que quieras que se muestren oredimensiónalas a 150-200 píxeles de ancho al editar tu correo electrónico. En los dispositivos móviles hay menos espacio en la pantalla, por lo que las imágenes de fondo tampoco son tan visibles. 
  • Haga que su llamada a la acción sea un botón: ¿alguna vez ha intentado hacer clic en un hipervínculo en su celular? No es fácil. Mejore la facilidad de uso utilizando botones para sus llamadas a la acción en lugar de vínculos de texto. Incluso podría mejorar su tasa de clics. Los botones tienen un 25 % más de probabilidad de que los presionen en comparación con solo texto. 

Vista previa de la plantilla de correo electrónico con visualización para escritorio y dispositivos móviles.



Consejos de vista previa y prueba para dispositivos móviles

Al diseñar un correo electrónico para dispositivos móviles, tenga en cuenta que los diferentes clientes de correo electrónico y dispositivos muestran el contenido de manera diferente. Un diseño que se ve perfecto en dispositivos móviles puede aparecer estirado o desordenado en un ordenador de escritorio. Asegúrate de previsualizar y probar tu correo electrónico en varios dispositivos para garantizar que tus contactos siempre disfruten de la mejor experiencia de visualización posible.

Hay un par de diferentes maneras de comprobar cómo se ve un mensaje de correo en los diversos dispositivos:

  • Vista previa - Haga clic en la Vista previa & Prueba el botón mientras editas tu correo electrónico. Tendrás la oportunidad de ver cómo se apila tu contenido cuando se visualiza en un dispositivo móvil.
  • Correo electrónico de prueba : envíese a usted mismo un correo electrónico de prueba y ábralo en su propio smartphone o tableta para obtener una buena idea de cómo lo verán sus contactos.
  • Vista previa de la bandeja de entrada: La mayoría de los correos electrónicos se abren en solo 5 clientes de correo electrónico. Vista previa de la bandeja de entrada te muestra cómo se ve tu correo electrónico en los clientes de correo electrónico más populares tanto en computadoras de escritorio como en dispositivos móviles.

    Editor de correo electrónico, Vista previa & Botón de prueba y opciones desplegables de vista previa y envío de prueba.Editor de correo electrónico, Vista previa & Botón de prueba y opciones desplegables de vista previa y envío de prueba.

 


Questions?

Ask the Community

Did this article answer your question?


Constant Contact Logo

Copyright © 2021 · Todos los derechos reservados · Constant Contact · Privacy Policy