Habitualmente, el contenido de un email se organiza en múltiples columnas. Cuando lo vemos en un dispositivo móvil, estas columnas pueden llegar a ser muy estrechas y causar una experiencia de visualización poco óptima. A fin de garantizar una mejor experiencia al visualizar emails en dispositivos móviles, nuestro editor genera un código html que apila las columnas verticalmente. De este modo, el contenido se organiza de tal forma que resulta innecesario emplear el zoom y el desplazamiento se hace simplemente arrastrando con el dedo.
Desktop vs Móvil
El apilamiento vertical es soportado por la mayoría de servidores de correo móvil. Sin embargo, en algunos casos se mostrará la versión de escritorio. Esto sucede cuando un cliente carece de soporte para CSS estándar.
No siempre hay que apilar verticalmente
Aunque normalmente ayuda, hay casos en los que el apilamiento vertical de columnas puede no conducir a un resultado óptimo.
Un escenario común es usar una fila para mostrar una barra de navegación con enlaces de texto o íconos. En ese escenario, como se muestra a continuación, un diseño vertical podría crear un espacio vacío excesivo, ocultar elementos importantes del mensaje o dar demasiada visibilidad en la parte superior del correo electrónico al contenido.
Cambiando el comportamiento por defecto
Con la introducción de la característica de fila “no apilar en móvil”, los usuarios del editor podrán decidir cuándo ignorar este comportamiento por defecto e impedir el apilamiento vertical de las columnas en dispositivos móviles.
La opción está disponible en el panel de la derecha como una propiedad de fila, desactivada por defecto.
“No apilar” y las mejores prácticas para el diseño de emails
Las buenas prácticas en el diseño de emails recomiendan un uso cuidadoso de esta opción. Incluir un plano vertical tiene sentido en la mayoría de los casos. Pero, como siempre, depende de ti y de tu creatividad el cuándo y el cómo utilizar esta característica.
Comentarios
0 comentarios
Inicie sesión para dejar un comentario.