Referencia del ancho óptimo de la plantilla de correo electrónico
Objetivos del artículo
Conoce por qué el ancho predeterminado de las plantillas de correo electrónico es de 600 px, por qué este es un estándar de la industria para los correos electrónicos de marketing hoy en día y cómo asegurarte de que tus correos electrónicos se vean uniformes en todos los dispositivos.
Ancho de la plantilla de correo electrónico
El ancho predeterminado en el editor de correo electrónico de arrastrar y soltar de Klaviyo es de 600px. Para ajustar el ancho:
- En el editor de correo electrónico, selecciona Editar estilos.
- Ingresa un valor en píxeles en el campo Ancho.
- Cierra el panel Editar estilos para guardar los cambios.
Klaviyo no recomienda aumentar el ancho de la plantilla, a menos que sea necesario para un diseño más avanzado. Si ajustas el ancho a más de 600 px, también recomendamos probar cómo se verá el correo electrónico en diferentes clientes de correo y dispositivos.
Qué es el ancho del correo electrónico
Cuando diseñas un correo en Klaviyo, el ancho establecido de la plantilla crea el marco para el contenido del correo. Cualquier contenido que agregues a la plantilla debe caber dentro de este marco.
El ancho de correo electrónico de 600px se ha convertido en un estándar del sector en el marketing por correo electrónico porque, históricamente, el tamaño promedio de una ventana gráfica en todos los clientes de correo electrónico de escritorio más populares estaba entre 500-600px. La ventana gráfica es el área enmarcada en una pantalla donde un destinatario leerá el correo electrónico. Al configurar el ancho del correo electrónico en 600px, puedes asegurarte de que, para el tamaño promedio de ventana gráfica, tus destinatarios no tendrán que desplazarse mucho horizontalmente para ver todo el contenido.
El estándar de los correos electrónicos de 600px de ancho se ha mantenido y sigue siendo común hoy en día, incluso a medida que optimizar los correos electrónicos en diferentes dispositivos (como móviles) se vuelve cada vez más importante. Klaviyo recomienda diseñar tus correos electrónicos con un ancho de 600px para los clientes de escritorio. En el editor de correo electrónico de arrastrar y soltar, activa Optimizar para móviles en Editar estilos > Optimización para móviles para aplicar ajustes adaptables en pantallas más pequeñas y, luego, cierra el panel para guardar los cambios. Los clientes de correo electrónico varían en la compatibilidad con la optimización para móviles, así que prueba tu correo electrónico en distintos clientes y dispositivos.
Sin embargo, ten en cuenta que mantener un ancho de 600 px ayudará a optimizar los correos electrónicos creados con Klaviyo para su visualización en dispositivos móviles. Los correos electrónicos diseñados para ser mucho más anchos tienen más probabilidades de verse distorsionados al reducirse en un dispositivo móvil, a menos que el correo electrónico se haya diseñado y optimizado cuidadosamente para esto. Por eso, recomendamos evitar aumentar el ancho de la plantilla más allá de 600 px, a menos que cuentes con un diseñador o con otros recursos dedicados a optimizar el diseño en distintos clientes/dispositivos.
Obtén más información sobre las opciones de Klaviyo para la optimización móvil.
Contenido de la plantilla y definir el ancho del correo electrónico
El ancho establecido de la plantilla crea el marco para el contenido del correo electrónico. El relleno y los bordes reducen el espacio disponible para el contenido dentro de ese marco.
Klaviyo reduce automáticamente el tamaño de las imágenes en los bloques de imagen para que se ajusten al espacio disponible, conservando la relación de aspecto. Los bloques de tabla usan el ancho disponible para sus columnas. Estos ajustes ayudan a mantener el diseño dentro del ancho de correo electrónico de la plantilla, pero no garantizan que el HTML personalizado se ajuste.
Si vas a agregar código personalizado en los bloques de la plantilla, mantén sus anchos dentro del espacio disponible en el diseño. Revisa la configuración de Ancho de la plantilla en Editar estilos. El HTML personalizado con anchos fijos superiores al espacio disponible puede desbordarse o renderizarse de forma diferente en distintos clientes de correo electrónico. Prueba el contenido personalizado en computadoras y dispositivos móviles antes de enviar.