Cómo entender la optimización de correos electrónicos para dispositivos móviles

Objetivos del artículo

Descubre la configuración predeterminada de optimización móvil que Klaviyo ofrece para los correos electrónicos, así como herramientas para personalizar cómo aparece tu mensaje en distintos dispositivos. También puedes elegir desactivar todas las optimizaciones para dispositivos móviles al ir a la pestaña Estilos de la plantilla de correo electrónico.

Opciones generales de optimización para dispositivos móviles

Si eliges habilitar optimizaciones para dispositivos móviles, se realizarán automáticamente ciertos ajustes para optimizar la apariencia del correo electrónico cuando se vea en un dispositivo móvil.

Si prefieres que el correo electrónico no se optimice para dispositivos móviles, abre la pestaña Estilos de la plantilla. En Optimización para dispositivos móviles, desactiva Optimizar para dispositivos móviles.

Con Optimizar para dispositivos móviles activado, puedes hacer otros ajustes específicos para la visualización en dispositivos móviles, incluidos:

• Ajustar los márgenes del contenido
• Ajustar el texto y los tamaños de encabezados en dispositivos móviles
• Ajusta el espaciado del texto y del encabezado en dispositivos móviles
• Ajustar el relleno del bloque en dispositivos móviles

Diseño de la barra de encabezado en dispositivos móviles

Selecciona un bloque de barra de encabezado y luego desplázate hacia abajo hasta el menú diseño móvil en la pestaña Estilos para seleccionar un diseño móvil. La opción predeterminada es Apilar todo, y puedes cambiarla según tus necesidades.

Ocultar en móvil o de escritorio

Puedes elegir si un bloque aparece en celular, computadora de escritorio o ambos. Selecciona el bloque y abre la pestaña Visualización; luego, elige una opción en Mostrar en.

Si la visibilidad del dispositivo está configurada en la sección, esta configuración anula la de sus bloques. Selecciona la sección y abre la pestaña Mostrar para cambiar la visibilidad de la sección o desactiva Establecer la misma visibilidad para todos los bloques en esta sección para configurar la visibilidad de cada bloque por separado.

Opción para estirar la imagen

En un bloque de imagen, puedes elegir mostrar la imagen en su tamaño máximo disponible en dispositivos móviles. Selecciona el bloque de imagen y abre la pestaña Estilos. En Diseño de imagen, activa Rellenar columna en dispositivos móviles. Si Rellenar columna está activado, Rellenar columna en dispositivos móviles ya está activado. Para desactivar la configuración para dispositivos móviles, primero desactiva Rellenar columna.

Para quitar el relleno horizontal del bloque en dispositivos móviles, activa Ancho completo en dispositivos móviles en Relleno del bloque en la pestaña Estilos del bloque de imagen.

Las columnas se apilan en dispositivos móviles

Apilar columnas (creadas con el diseño Columnas o con las opciones del bloque división) en dispositivos móviles permite usar texto e imágenes más grandes, que son más fáciles de leer en una pantalla pequeña. Si prefieres que tus columnas aparezcan una junto a la otra en dispositivos móviles, elige la configuración para el diseño:

• Para un diseño de Columnas, selecciona la sección y abre su pestaña de Estilos. En Apilado móvil, selecciona Sin apilado.
• Para un bloque de división, selecciona el bloque y abre la pestaña Estilos. En Apilado móvil, selecciona Sin apilado.

Las columnas permanecerán una al lado de la otra, pero se redimensionarán para ajustarse a una pantalla móvil.

Relleno del bloque de texto en dispositivos móviles

Cuando la optimización para dispositivos móviles está activada, Anular el padding del área de texto se habilita de forma predeterminada y establece el padding izquierdo y derecho del área de texto en 18px. Para usar el padding del área de texto de cada bloque de texto en su lugar:

1. Abre el menú de Estilos de la plantilla.
2. Desplázate hasta la sección Texto móvil y encabezados.
3. Desactiva el botón de alternancia Anular el relleno del área de texto.
   

Compatibilidad del cliente de correo electrónico con la optimización móvil

Muchas aplicaciones de correo electrónico tienen distintos niveles de compatibilidad con optimizaciones para dispositivos móviles.

Si te preocupa cómo se mostrará el diseño de correo electrónico en diferentes clientes y dispositivos de correo electrónico, usar una herramienta de pruebas de correo electrónico de terceros puede ayudar.

Recomendamos explorar el uso de una herramienta como Litmus, que ofrece una prueba gratuita, así como planes mensuales de pago. También puedes buscar alternativas gratuitas que te permitan probar y previsualizar cómo se verán tus correos electrónicos cuando los vean los destinatarios en diferentes clientes de correo y dispositivos.

Determina cuántos suscriptores abren en dispositivos móviles

En la pestaña Capacidad de entrega de una campaña de correo electrónico enviada, desplázate hacia abajo hasta Rendimiento por cliente de correo electrónico para ver las aperturas únicas agrupadas por cliente de correo electrónico y con una división entre móvil y computadora de escritorio. Esto puede darte una idea de cómo tu audiencia interactúa con tus correos electrónicos. Se excluyen las aperturas de clientes de correo electrónico desconocidos, por lo que el gráfico no muestra un desglose completo de los dispositivos de tu audiencia.

También puedes segmentar en función de esta información al agregar un filtro a la condición Lo que alguien ha hecho (o no ha hecho) > Abrió el correo electrónico. Por ejemplo, para encontrar quienes abren en dispositivos móviles, agrega un filtro donde Tipo de cliente sea igual a Navegador móvil.

Recursos adicionales