Referencia de anchura óptima de las plantillas de correo electrónico
Objetivos del artículo
Descubre por qué la anchura por defecto de las plantillas de correo electrónico es de 600px, por qué es un estándar industrial para el marketing de correo electrónico hoy en día, y cómo garantizar que tu correo electrónico tenga un aspecto coherente en todos los dispositivos.
plantillas de correo electrónico anchoplantillas de correo electrónico ancho
Al diseñar una nueva plantilla de correo electrónico en Klaviyo, la anchura por defecto de cada plantilla es de 600px. Puedes ajustar esta configuración en la pestaña Estilos de la configuración de tu correo electrónico, pero Klaviyo no recomienda aumentar la anchura de tu plantilla a menos que sea necesario para un diseño más avanzado. Si ajustas la anchura por encima de 600px, también te recomendamos que realices pruebas sólidas sobre cómo se verá tu correo electrónico en diferentes clientes de correo electrónico y dispositivos.
Comprender la anchura del correo electrónicoComprender la anchura del correo electrónico
Cuando diseñas un correo electrónico en Klaviyo, la anchura establecida de tu plantilla crea el marco para el contenido de tu correo electrónico. Cualquier contenido que añadas a tu plantilla debe encajar dentro de este marco.
La anchura de correo electrónico de 600px se ha convertido en una norma del sector del marketing por correo electrónico porque, históricamente, el tamaño medio de una ventana gráfica en todos los clientes de correo electrónico de escritorio populares era de entre 500-600px. La ventana gráfica es la zona enmarcada en una pantalla donde un destinatario leerá tu correo electrónico. Si estableces la anchura de tu correo electrónico en 600px, te asegurarás de que, para el tamaño medio de la ventana gráfica, tus destinatarios no tengan que hacer mucho desplazamiento horizontal para ver todo tu contenido.
La norma del correo electrónico de 600px de ancho se ha mantenido y sigue siendo común hoy en día, incluso cuando la optimización del correo electrónico en diferentes dispositivos (como los móviles) es cada vez más importante. Klaviyo trabaja duro para ofrecer a nuestro cliente "lo mejor de ambos mundos" -- recomendamos encarecidamente diseñar tu correo electrónico con una anchura de 600px para que se vea muy bien en clientes de escritorio, y luego haremos el trabajo duro de renderizar tu correo electrónico para que también sea responsivo en pantallas más pequeñas (como las de los dispositivos móviles).
Ten en cuenta, sin embargo, que mantener una anchura de 600px ayudará a optimizar el correo electrónico creado con Klaviyo para su visualización en móviles. Los correos electrónicos diseñados para ser mucho más anchos tienen un mayor potencial de parecer sesgados cuando se reducen en un dispositivo móvil, a menos que el correo electrónico haya sido cuidadosamente diseñado y optimizado para ello. Por eso te animamos a que evites aumentar el ancho de tu plantilla más allá de 600px, a menos que tengas un diseñador y/u otros recursos dedicados a optimizar tu diseño entre clientes/dispositivos.
Más información sobre las opciones de Klaviyo para la optimización móvil.
Contenido de la plantilla y ajustar el ancho del correo electrónicoContenido de la plantilla y ajustar el ancho del correo electrónico
Como se ha mencionado anteriormente, la anchura establecida de tu plantilla crea el marco para el contenido de tu correo electrónico. Aunque puedes asegurarte manualmente de que todo el contenido que añadas a tu plantilla tenga una anchura máxima que se ajuste al marco establecido de tu correo electrónico, Klaviyo también se encargará de ello por ti a medida que añadas contenido a tu plantilla.
Klaviyo reducirá automáticamente la escala de las imágenes, conservando la relación de aspecto, y, por lo demás, limitará la anchura de todos los bloques para que nunca sobrepasen la anchura establecida de la propia plantilla. Esto significa que cuando añadas imágenes a tu plantilla, o construyas una tabla con varias columnas, verás que todos los bloques siguen limitados por la anchura de tu plantilla de correo electrónico.
Si estás añadiendo código personalizado en la plantilla bloque, asegúrate de que estás teniendo en cuenta la anchura establecida en la configuración de Estilo de tu plantilla. La anchura de correo electrónico establecida en tu configuración de Estilo afectará a la representación de todas las plantillas bloque, incluso aquellas con código personalizado que puedan intentar establecer una anchura diferente, mayor.
Recursos adicionalesRecursos adicionales