Cómo añadir una imagen de fondo a una plantilla o sección de correo electrónico
Qué aprenderás
Aprenda a superponer texto, imágenes y otros contenidos de correo electrónico sobre imágenes de fondo. Puede añadir una imagen de fondo a un correo electrónico completo o a una sola sección. Utilizando estas funciones, puede superponer una imagen sobre otra, o añadir un botón o texto sobre una imagen.
Acerca de las imágenes de fondo
Puede añadir una imagen de fondo detrás de toda una plantilla de correo electrónico o detrás de una sección específica de la plantilla. Los fondos de plantilla se añaden mediante la pestaña Estilos de la plantilla y, por lo general, abarcan toda la anchura y la altura del correo electrónico.
Los fondos de sección, sin embargo, están aislados en áreas específicas del correo electrónico. Le permiten crear imágenes y llamadas a la acción dinámicas y llamativas. También puede incluir varias llamadas a la acción en una misma imagen (por ejemplo, "Comprar zapatos" y "Comprar accesorios"). Estas imágenes de fondo específicas de cada sección pueden añadirse a través de la pestaña Estilos de una sección.
Utilizar una imagen de fondo con texto y otros contenidos superpuestos puede aumentar la accesibilidad de su correo electrónico, en comparación con la inserción de una sola imagen que contenga texto. Si su mensaje contiene principalmente imágenes con poco texto, los destinatarios que utilicen lectores de pantalla y otros dispositivos de accesibilidad que no muestren imágenes se basarán en el texto alternativo para comprender el contenido del mensaje.
Además, los destinatarios que utilicen bandejas de entrada de texto sin formato o configuren sus bandejas de entrada para ocultar las imágenes por defecto no podrán entender fácilmente su mensaje. Cuando utiliza bloques de texto estándar con una imagen detrás, es más fácil que los destinatarios con necesidades de accesibilidad o dispositivos alternativos entiendan su mensaje.
Selección de imágenes de fondo
Cuando seleccione una imagen para utilizarla como fondo de sección o de plantilla, elija una imagen que tenga una resolución lo suficientemente alta para que aparezca nítida y profesional en la bandeja de entrada. Sin embargo, asegúrese de no utilizar un archivo innecesariamente grande, ya que esto puede provocar tiempos de carga lentos para sus correos electrónicos. En general, utilice imágenes de 1 MB o menos como fondos de sección.
Establecer una imagen de fondo de sección
Una vez que haya elegido la imagen que desea utilizar, añada una nueva sección a su plantilla de correo electrónico.
- En la pestaña Estilos de la sección, localice la sección Fondo.
- Haz clic en + para añadir una imagen.
- Haz clic en Examinar biblioteca de imágenes y sube tu imagen.
- Una vez que haya dado estilo a la imagen de fondo, añada contenido a la sección. Puede añadir cualquier tipo de bloque (por ejemplo, bloque de texto, bloque de botones, bloque de tabla) y cualquier número de bloques a su sección.
Tras establecer una imagen de fondo, elija también un color de fondo. Este color aparecerá si la imagen de fondo no puede cargarse por cualquier motivo.
- Abra la pestaña Estilos de la sección.
- Activar el color de la sección.
- Elija un color que se acerque al color de la imagen elegida.
Opciones de estilo de fondo de sección
Para elegir si la imagen ocupa todo el ancho de su correo electrónico o si se encuentra dentro del contenido del mismo, elija entre Contenido o Sección en el ajuste Mostrar en.
En la sección Formato, elija entre las siguientes opciones:
- Tamaño original
Su imagen se mostrará en su tamaño original, y no se verá limitada en modo alguno. - Ajustar
Su imagen se ajustará por completo al área de la sección, y puede dejar al descubierto el color de fondo de debajo si no tiene el tamaño exacto del área de la sección. - Rellenar
Su imagen llenará completamente el área de la sección, y parte de la imagen podrá ser recortada. - Mosaico
La imagen se repetirá para llenar toda el área de la sección, y puede alternar el tamaño de M osaico para elegir la escala.
Establecer una imagen de fondo para la plantilla
Para añadir una imagen de fondo a una plantilla de correo electrónico:
- Navegue hasta la pestaña Estilos de la plantilla.
- Haz clic en + para añadir una imagen.
- Elija una imagen de su biblioteca de imágenes o cargue una nueva.
Una vez que haya añadido su imagen, puede cambiar su posición y si debe o no repetirse (o colocarse en mosaico) horizontal y verticalmente.
Las imágenes establecidas como imágenes de fondo para una plantilla pueden cubrir toda la anchura del área de la plantilla. Es posible que desee establecer un color de fondo de plantilla en un tono similar al de su imagen, ya que el color de fondo puede aparecer mientras se carga la imagen o si un destinatario tiene desactivadas las imágenes en el correo electrónico.
Bandeja de entrada compatible con imágenes de fondo
Aunque la mayoría de las bandejas de entrada admiten imágenes de fondo, hay ciertas situaciones en las que puede que no se muestren. En estos casos, se mostrará en su lugar el color de fondo.
Las siguientes bandejas de entrada no admiten imágenes de fondo:
- Outlook para Windows
- Yahoo! Mail (soporte parcial)
- AOL (apoyo parcial)
Además, si un destinatario tiene un acceso a Internet limitado o lento, la imagen de fondo puede cargarse lentamente o no cargarse en absoluto, revelando en su lugar el color de fondo.
Recursos adicionales
- Acerca de las mejores prácticas para las imágenes de correo electrónico
Conozca las mejores prácticas a la hora de utilizar imágenes en los correos electrónicos de Klaviyo, incluyendo recomendaciones de tamaño y cómo añadir imágenes.
- Mejores prácticas de diseño de correo electrónico en modo oscuro
Conozca el modo oscuro, un ajuste del dispositivo que algunos usuarios activan para oscurecer sus pantallas. Este ajuste influye en la forma en que se muestran los correos electrónicos. El modo oscuro es un ajuste del usuario final que se selecciona a nivel del dispositivo, y Klaviyo no tiene control directo sobre cómo se implementa el modo oscuro en cada dispositivo.
- Codificación de fondos de correo electrónico HTML