Con más y más personas en dispositivos móviles, es más importante que nunca tener en cuenta el móvil al crear sus correos electrónicos. A continuación se muestran las prácticas recomendadas que puedes usar al crear plantillas y campañas.
Toma nota
- editor de correo electrónico clásico: no es posible editar un correo electrónico solo para dispositivos móviles o solo para computadoras de escritorio. En su lugar, está creando un correo electrónico que se representará de manera diferente en ambas aplicaciones.
- editor de correo electrónico lanzado en 2022: puede editar un correo electrónico para dispositivos móviles y de escritorio. Esta configuración se encuentra en "Configuración global"> "Configuración general"> "Diseño adaptativo" del editor de correo electrónico. Además, puede ocultar contenido en dispositivos móviles o en la web. Esto le da la flexibilidad de diseñar un correo electrónico optimizado para dispositivos móviles y una versión de escritorio al mismo tiempo.
Utilice la opción "Diseño adaptable
Esta configuración se habilita automáticamente para cada campaña y correo electrónico de automatización que cree y se puede desactivar manualmente.
Para asegurarse de que esta configuración esté activada, haga clic en el icono de engranaje en la parte superior derecha del editor de correo electrónico. Aparecerá la configuración global de la campaña. Si "Habilitar capacidad de respuesta móvil" está desactivado, haga clic en el botón de alternancia para desencadenarlo.
Tenga en cuenta que la mayoría de las versiones anteriores de la app de correo electrónico nativa de Samsung no admiten la representación adaptativa para dispositivos móviles.
Evite copiar y pegar texto de una fuente externa
Cuando el texto se copia de una fuente externa, como un programa de procesamiento de textos, y se pega en una campaña, recogeremos todo el estilo de esa fuente además del texto real. Si bien hacemos todo lo posible para eliminar cualquier cosa que afecte la representación de su correo electrónico, no todo se detecta. Esto significa que el relleno adicional en su diseño podría hacer que el texto parezca más pequeño cuando se ve en el móvil y hacer que el correo electrónico se vea diferente cuando se envía a un buzón.
En su lugar, recomendamos escribir su contenido directamente en el bloque de texto, o puede pegar el contenido en un editor de texto sin formato, luego copiarlo en su campaña. Ambos enfoques eliminarán todos los estilos accidentales en su correo electrónico.
Las columnas de tu campaña determinan el orden en que se contraerán en la vista móvil
El orden en que aparece el contenido en el diseñador (de izquierda a derecha) determina su orden cuando las columnas se contraen en la vista móvil. En el móvil, las columnas se contraerán de izquierda a derecha y luego de arriba a abajo. Esto también se conoce como stacking o block stacking.
Recomendamos ordenar su contenido para seguir la siguiente ilustración. El guión representa una fila y la agrupación de imágenes y texto representa una columna. El borde oscuro representa el marcador de columna del diseñador y solo se extiende hasta la primera fila.
Cuando las columnas se contraen en dispositivos móviles, el contenido está en el orden correcto:
Mantenga el ancho de su correo electrónico a no más de 650 píxeles
Este es el ancho que funciona para la mayoría de los clientes de correo electrónico y dispositivos móviles. Si un correo electrónico tiene más de 650 píxeles, es posible que deba usar una barra de desplazamiento horizontal para ver su mensaje. Esto hace que su mensaje sea difícil de leer y puede costarle una cancelación de suscripción debido a una experiencia menos que estelar.
El ancho de la imagen debe ser de 400 a 650 píxeles
Antes de cargar una imagen en el Gestor de contenidos, asegúrese de que su anchura está comprendida entre 400 y 650 píxeles. Si el tamaño de la imagen está fuera de ese rango, le recomendamos que cambie el tamaño de la imagen antes de subirla. Una imagen de 400 píxeles de ancho es el mínimo necesario para mostrar todo el ancho en un dispositivo móvil. Las imágenes de menos de 400 píxeles no se escalarán en dispositivos móviles. Esto explica los logotipos e iconos que no están destinados a escalar.
Si carga una imagen grande, su tamaño no será mayor que el doble del ancho del correo electrónico.
Si la imagen o el logotipo es demasiado grande cuando se ve en el móvil, debe cambiar su tamaño fuera de ActiveCampaign y volver a cargarlo en el editor de correo electrónico. Tenga en cuenta que el ancho de imagen real y el ancho que establece en el diseñador son dos cosas diferentes.
Las imágenes agregadas como en línea dentro de un bloque de texto no se escalarán verticalmente.
Para ver qué tan grande es su imagen con el editor de correo electrónico lanzado en 2022, haga clicen la imagen en el diseñador y vea el tamaño en las opciones de Bloque de imagen a la derecha:
Para ver qué tamaño tiene su imagen con el editor de correo electrónico clásico, haga clic en la imagen en el diseñador y vea el tamaño en la pestaña Opciones:
Recuerde, siempre es mejor reducir una imagen más grande que una más pequeña.
Usar texto alternativo con imágenes
El texto ALT es la copia escrita que aparece en lugar de una imagen si la imagen no se carga en el buzón de un contacto o si tiene imágenes bloqueadas. El texto ALT también se recomienda encarecidamente porque aumenta la accesibilidad de su contenido para aquellos que dependen de lectores de pantalla.
Para agregar texto ALT a su imagen usando el editor de correo electrónico (lanzado en 2022), haga clic en la imagen en su campaña y agregue 1-2 palabras en el campo "Texto alternativo" en las opciones de Bloque de imagen a la derecha:
Para agregar texto ALT a su imagen usando el editor de correo electrónico clásico, haga clic en la imagen en su campaña y agregue 1-2 palabras en el campo "Información" en la pestaña de opciones:
Usar bloques de imagen en lugar de insertar una imagen en un bloque de texto
Tenga en cuenta que este método sólo está disponible en el Diseñador clásico.
Los bloques de contenido de texto que contengan una imagen y vínculos en línea con esa imagen no se podrán hacer clic en Outlook 2007 o Outlook 2013. Además, es posible que el texto no se ajuste correctamente alrededor de la imagen cuando se ve en dispositivos móviles.
Como práctica recomendada, recomendamos usar bloques de imagen en lugar de agregar una imagen en línea a un bloque de texto.
Utilice el bloque "Espaciador" para crear espacios en blanco alrededor del contenido y las imágenes
El uso de relleno alrededor de una imagen o contenido para crear espacios en blanco obligará a su contenido a volverse estrecho cuando se vea en algunos dispositivos móviles.
En su lugar, use el bloque "Espaciador" en el editor de correo electrónico y configúrelo en "Ocultar en dispositivos móviles" (editor de correo electrónico clásico) u "Ocultar elemento" (editor de correo electrónico lanzado en 2022) si lo desea.
Ocultar el bloque espaciador evitará que aparezcan grandes espacios o márgenes cuando el correo electrónico se vea en dispositivos móviles.
Utilice la opción "ocultar en dispositivos móviles"
Esta opción oculta elementos no esenciales en su correo electrónico cuando se ve en un dispositivo móvil. Esto mejorará la experiencia de sus suscriptores y los mantendrá comprometidos con su contenido.
Para ocultar un elemento del móvil con el editor de correo electrónico lanzado en 2022:
- Haga clic en la imagen.
- En el bloque de imagen de la derecha, desplácese hacia abajo hasta la parte inferior y haga clic en el icono móvil para ocultarse en los dispositivos móviles.
- También puede hacer clic en el icono del escritorio para ocultar la imagen en la vista de escritorio en "Ocultar elemento". Tenga en cuenta que la opción "Ocultar en el escritorio" solo está disponible con el editor de correo electrónico (lanzado en 2022).
Aparecerá un icono con una línea a través del icono móvil en el bloque que utilice la opción "ocultar en el móvil".
Para ocultar un elemento del móvil con el editor de correo electrónico clásico:
-
Haga clic en ese bloque y haga clic en el engranaje:
- En la lista de opciones, haga clic en "Ocultar en dispositivos móviles".
-
Cuando pase el mouse sobre ese elemento en el diseñador, verá esto:
Experimentar con texto de preencabezado
Diferénciese del resto de los correos electrónicos en el buzón de su suscriptor y atraiga a los que abran su correo electrónico. Obtén más información sobre cómo agregar un texto de preencabezado a tu correo electrónico.
Prueba tu correo electrónico
Use la vista previa del escritorio y envíese a usted y a sus colegas un correo electrónico de prueba para verlo en diferentes dispositivos móviles. También puede utilizar nuestra función de vista previa de compatibilidad para probar su correo electrónico con varios clientes de correo electrónico.