Entender la optimización de email para dispositivos móviles

Qué aprenderás

Descubre la configuración de optimización móvil predeterminada que ofrece Klaviyo para emails, así como herramientas para personalizar cómo se muestra tu mensaje en todos los dispositivos. También puedes optar por desactivar todas las optimizaciones para móviles yendo a la pestaña Estilos de tu plantilla de email.

Opciones generales de optimización para móviles

Si eliges habilitar las optimizaciones para móviles, se realizarán automáticamente ciertos ajustes para optimizar el aspecto de tu email cuando se vea en un dispositivo móvil.

Si prefieres que tu email no se optimice para dispositivos móviles, desactiva las optimizaciones en la sección de móvil de la pestaña Estilos de tu plantilla.

Hay una serie de otros ajustes que te permiten realizar cambios específicos para la visualización en dispositivos móviles, incluidos:

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

Diseño de barra de enlaces de encabezado en móviles

En cualquier bloque de encabezado/enlace, baja hasta el menú Diseño para móviles dentro de la pestaña Estilos para seleccionar un diseño para móviles. De forma predeterminada, se usa Apilar todo, y puedes cambiarlo para adaptarlo a tus necesidades.

Ocultar en móvil o escritorio

Puedes elegir si quieres que un bloque aparezca en dispositivos móviles, en ordenadores o en ambos. Esto se puede personalizar para cualquier bloque; para ello, ve a la pestaña Opciones de visualización de un bloque.

Opción de estirar imagen

En un bloque de imagen, puedes elegir estirar una imagen hasta el ancho completo del marco cuando se vea en móviles. Verás esta opción en la pestaña Estilos de cualquier bloque de imagen dentro de la configuración de Bloque. Activa o desactiva Ancho completo en móviles.

Las columnas se apilan en móviles

Apilar columnas (creadas con las opciones de diseño Columns o de 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 se muestren una al lado de la otra en dispositivos móviles, desactiva esta configuración en la pestaña Estilos de esa sección. Si lo haces, las columnas se mantendrá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

De forma predeterminada, todos los bloques de texto tienen al menos 18 px de relleno en dispositivos móviles. Para eliminar este relleno:

1. Abre el menú Estilos.
2. Desplázate hasta la sección Texto y encabezados para móviles.
3. Desactiva el interruptor Reemplazar el relleno del área de texto.
   

Compatibilidad de clientes de email con la optimización para dispositivos móviles

Muchas aplicaciones de email tienen diferentes niveles de compatibilidad con las optimizaciones para móvil.

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

Te recomendamos explorar el uso de una herramienta como Litmus, que ofrece una prueba gratuita y planes de pago mensuales. También puedes buscar alternativas gratuitas que te permitan probar y previsualizar el aspecto de tus emails cuando los vean los destinatarios en distintos clientes de email y dispositivos.

Determina cuántos suscriptores abren en dispositivos móviles

En la pestaña Capacidad de entrega de una campaña determinada, desplázate hacia abajo hasta la sección Rendimiento por cliente de Email para ver un desglose de cuántos destinatarios abrieron tu email en un navegador móvil frente a uno de escritorio. Esto puede darte una indicación de cómo interactúa tu audiencia con tus emails. También puedes segmentar basándote en esta información añadiendo un filtro a la condición Lo que alguien ha hecho (o no ha hecho) > Email abierto.

Recursos adicionales