¿Cómo hago que un email de Emailify sea responsive en móvil?
Emailify exporta HTML responsive automáticamente, y puedes afinar el comportamiento en móvil con ajustes específicos para móvil en cada capa de Emailify. Empieza con el frame del email de escritorio y, después, usa la vista previa del plugin para comprobar la versión móvil antes de exportar.
¿Dónde defino los ajustes para móvil?
Selecciona la capa de Emailify que quieres ajustar, haz clic en el botón Settings de la cabecera del plugin y usa los controles de ajustes para móvil de esa capa. Las capas de texto, Column, Row, Hero, Wrapper, de imagen y de botón pueden ofrecer distintos controles para móvil según el tipo de capa seleccionada.
¿Por qué el diseño móvil empieza en otro ancho?
Emailify usa un único punto de ruptura responsive basado en el ancho del frame de escritorio de Emailify en Figma. Si tu frame de Emailify mide 600px de ancho, los estilos de móvil empiezan a aplicarse a partir de 599px o menos. Si tu frame es más ancho, el punto de ruptura móvil también lo será.
Para añadir ajustes de estilo para móvil, haz clic en cualquier capa de Emailify de tu diseño, haz clic en el botón Settings de la cabecera del plugin y aplica los ajustes de estilo para móvil que necesites a la capa seleccionada.
Por ejemplo, si haces clic en una capa Text de tu email, podrás cambiar en móvil su tamaño de fuente, interlineado, espaciado entre letras, espaciado entre párrafos, padding y alineación; en cambio, si haces clic en una capa Row, podrás cambiar su padding, el espaciado entre sus columnas, si debe apilar las columnas en móvil (o no) y, cuando varias columnas siguen compartiendo una fila en móvil, su alineación vertical en móvil.
Puedes previsualizar tus ajustes para móvil con la función de vista previa del plugin Emailify.
Punto de ruptura móvil de los emails. Los emails HTML exportados desde Emailify tienen un único "punto de ruptura" (breakpoint), que se define automáticamente según el ancho del frame de escritorio en Figma. Por ejemplo, si tu frame de Emailify mide 600px, los estilos y ajustes para móvil empezarán a mostrarse a partir de 599px o menos.
Normalmente se recomienda mantener el ancho del email entre 600px y 640px, porque los paneles de lectura de algunos clientes o apps de email pueden medir menos de 700px de ancho y mostrar los estilos de móvil en lugar del diseño de escritorio.
Puedes aplicar ajustes en bloque abriendo Settings y seleccionando en Figma varias capas de Emailify del mismo tipo. Cualquier ajuste que cambies se aplicará a todas las capas seleccionadas.