Añadir una imagen de fondo a una campaña

Lleva tu marketing al siguiente nivel y añade una imagen de fondo a tu correo electrónico de marketing o a tu página de destino.

En este artículo, aprenderás a añadir una imagen de fondo.

Antes de empezar

A continuación, se detallan algunos puntos que debes conocer antes de empezar este proceso.

• En este artículo, te explicamos cómo añadir una imagen de fondo tanto en nuestro nuevo creador como en el clásico. El nuevo creador funciona para correos electrónicos, mientras que el creador clásico funciona para correos electrónicos y páginas de destino. Para obtener más información sobre cada creador de correo electrónico, consulta Acerca de los creadores de correo electrónico de Mailchimp.
• Las plantillas de correo electrónico de Mailchimp tienen 600 píxeles de ancho, por lo que te recomendamos que ajustes el tamaño de tus imágenes a ese ancho máximo. Consulta nuestras recomendaciones de imágenes para obtener consejos sobre diseño de imágenes.
• Dado que nuestras plantillas de arrastrar y soltar responden en dispositivos móviles, te recomendamos que añadas una imagen de fondo a una sección de contenido con una sola columna. Las imágenes de fondo de las secciones de contenido de varias columnas pueden aparecer distorsionadas en los dispositivos móviles.
• Este artículo utiliza una campaña de correo electrónico normal para mostrarte cómo añadir una imagen de fondo. Algunas opciones pueden tener un aspecto un poco diferente según el tipo de campaña con el que estés trabajando.

Acerca de las imágenes de fondo

Las imágenes de fondo se pueden usar para crear un patrón de fondo repetido, o mostrar una imagen completa detrás del contenido de tu campaña. El nuevo creador de Mailchimp admite imágenes de fondo para el correo electrónico completo. El constructor clásico admite imágenes de fondo en las secciones de preencabezado, encabezado, cuerpo, columna y pie de página de una campaña de correo electrónico y en las secciones de página, encabezado, cuerpo y pie de página de una campaña de página de destino.

Los clientes de Outlook tienen un soporte limitado para las imágenes de fondo en los correos electrónicos. Los correos electrónicos diseñados en el nuevo creador tienen más probabilidades de mostrar imágenes de fondo en los clientes de Outlook que los correos electrónicos diseñados en el creador clásico. Si quieres que se muestre una imagen de fondo en Outlook para tus campañas de correo electrónico, te recomendamos que utilices una plantilla HTML personalizada.

Imágenes de fondo en las páginas de destino

Las imágenes de fondo más grandes se verán más limpias en pantallas grandes, pero recomendamos mantener las imágenes entre 1500 y 2500 píxeles de ancho. Aunque el alto de imagen recomendado depende de la cantidad de contenido que haya en la página de destino, es importante tener en cuenta que las imágenes más grandes pueden ralentizar la página.

Si estás trabajando con una campaña de correo electrónico o automatización, echa un vistazo a esta tabla para averiguar qué proveedores de correo electrónico admiten imágenes de fondo.

Cómo añadir y dar estilo a una imagen de fondo a un correo electrónico en el nuevo creador

Elige una imagen para que aparezca en el fondo de todo tu correo electrónico. Si un cliente de correo electrónico no soporta imágenes de fondo, mostraremos en su lugar un color de fondo.

Para añadir una imagen de fondo a un correo electrónico en el nuevo creador, sigue estos pasos.

1. En el nuevo creador, haz clic en la pestaña Styles (Estilos) .
   
2. Haz clic en el menú desplegable Email (Correo electrónico) .
3. En la sección Background Image (Imagen de fondo) , arrastra y suelta la imagen de fondo, o haz clic en Browse (Examinar) para elegir una imagen del gestor de contenido.
4. Después de añadir tu imagen de fondo, utiliza el menú para elegir su tamaño, posición y si quieres que se repita.

Tu imagen se insertará en el fondo de todo el correo electrónico.

Cómo añadir una imagen de fondo a un correo electrónico o página de destino en el creador clásico

Las imágenes de fondo pueden añadirse a la sección Page (Página) de las campañas de página de destino, pero no a la sección Page (Página) de las campañas de correo electrónico en el creador clásico. Para agregar una imagen de fondo a una campaña de correo electrónico, necesitarás usar una plantilla de correo electrónico HTML personalizada.

Para añadir una imagen de fondo a un correo electrónico o página de destino en el creador clásico, sigue estos pasos.

1. En el creador clásico, haz clic en la pestaña Style (Estilo).
   
2. Haz clic en la sección en la que deseas añadir una imagen de fondo.
3. En Background (Fondo), haz clic en Add an image instead (Añadir una imagen) para abrir el gestor de contenido. Sube una nueva imagen desde tu ordenador, elige una imagen existente del gestor de contenido o importa una imagen desde una dirección web.
   

Tu imagen se insertará en la sección que elijas. Sigue leyendo para descubrir cómo adaptar una imagen de fondo.

Cómo diseñar a una imagen de fondo en el creador clásico

Personaliza el estilo y la colocación de la imagen de fondo para asegurarte de que la campaña queda perfecta.

Sigue estos pasos para diseñar una imagen de fondo en el creador clásico.

1. En el diseñador de correos electrónicos o de páginas de destino, haz clic en la pestaña Style (Estilo).
   
2. Elige la sección que contiene tu imagen de fondo.
3. En Background (Fondo), haz clic en Edit (Editar) para modificar la imagen en el editor de fotografías.
   
4. Cuando hayas terminado de realizar los cambios en el editor de fotografías, haz clic en Save (Guardar) para volver a la campaña.
5. Haz clic en el menú desplegable Size (Tamaño) y selecciona el tamaño de imagen deseado.
   
   • Selecciona Auto para mostrar la imagen en su tamaño real.
   • Selecciona Cover (Cubrir) para cubrir todo el ancho de la sección. Esto funciona mejor para imágenes más grandes con contenido centrado. La imagen puede aparecer recortada al visualizarla en distintos dispositivos.
   • Selecciona Contain (Contener) para escalar la imagen a un tamaño que encaje con la altura de su contenedor y que pueda verse completa en todos los dispositivos.
6. Haz clic en el menú desplegable Position (Posición) y selecciona alinear la imagen con la parte Top (Superior), Center (Central) o Bottom (Inferior) de la sección.
   
7. Haz clic en el menú desplegable Repeat (Repetir) y selecciona el patrón de repetición que prefieras.
   
   • Selecciona None (Ninguna) para que la imagen se muestra solo una vez.
   • Selecciona Horizontal para repetir la imagen de arriba hacia abajo.
   • Selecciona Vertical para repetir la imagen de izquierda a derecha.
   • Selecciona Both (Ambas) para colocar la imagen en mosaico en ambas direcciones.
8. Selecciona un Fallback color (Color alternativo) para los clientes de correo electrónico que no admiten imágenes de fondo. Procura seleccionar un color que muestre el texto correctamente.
   
9. Una vez definidas tus preferencias de estilo, haz clic en Save (Guardar).

Cuando tu imagen de fondo esté lista, podrás añadir cualquier bloque de contenido de arrastrar y soltar sobre ella en tu diseño de campaña. Lo mejor es utilizar mensajes claros y cortos en las secciones con imágenes de fondo, como un bloque de imagen con tu logotipo, un bloque de texto que promocione tu marca, o un botón que enlace con tu tienda online o sitio web.

Sugerencias de estilo

• En caso de duda, utiliza una imagen sencilla centrada si piensas superponer un bloque de contenido.
• Se puede agregar relleno en la parte superior e inferior de cada una de las secciones de la campaña. De este modo puedes controlar la posición de tu bloque de contenido en la sección.
• Por defecto la opción Repeat (Repetir) del menú desplegable es None (Ninguna). Esta configuración es la mejor para las imágenes grandes. Si tienes una imagen más pequeña y deseas crear un efecto de patrón, selecciona Horizontal, Vertical o Both (Ambas).

Probar las imágenes de fondo

Siempre recomendamos que hagas una vista previa de cualquier campaña que crees en Mailchimp.

Si estás trabajando con una campaña por correo electrónico, también te recomendamos que pruebes minuciosamente tu diseño. Las imágenes de fondo no son compatibles con todos los programas de correo electrónico, por lo que es importante que te envíes a ti mismo algunos correos de prueba. O, para ver cómo se mostrará tu imagen de fondo en los diferentes programas de correo electrónico, usa nuestra herramienta Inbox Preview.