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 imágenes de fondo a correos electrónicos y páginas de destino.

Antes de empezar

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

• Este artículo te explica cómo añadir una imagen de fondo tanto en nuestro nuevo creador como en el creador heredado. El nuevo creador funciona para correos electrónicos completos, mientras que el creador heredado funciona para secciones de correo electrónico y páginas de destino.
• Las plantillas de correo electrónico de Mailchimp tienen entre 600 y 660 píxeles de ancho, por lo que es mejor utilizar imágenes con un rango de 660-1320 píxeles. 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.

Acerca de las imágenes de fondo

Las imágenes de fondo se pueden utilizar para crear un patrón de fondo repetido o para mostrar una imagen completa detrás de tu contenido. Estas son tus opciones para las imágenes de fondo.

• En el nuevo creador, añade una imagen de fondo a todo el correo electrónico.
• En el creador de legados, añade una imagen de fondo a las secciones de encabezado, cuerpo y pie de página de un correo electrónico. Para añadir una imagen de fondo a todo el correo electrónico en el creador de legados, utiliza una plantilla de correo electrónico de código código HTML personalizada.
• En el creador heredado, añade una imagen de fondo a toda la página de destino o a las secciones de encabezado, cuerpo, detalles y pie de página.

Imágenes de fondo en correos electrónicos

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 heredado. Si deseas que una imagen de fondo se muestre en Outlook, te recomendamos que utilices una plantilla de código código HTML personalizada.

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

Las imágenes de fondo más grandes tendrán un aspecto más limpio en las pantallas más grandes, pero recomendamos mantener las imágenes entre 1500-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.

Añadir una imagen de fondo a un correo electrónico completo 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. Haz clic en la pestaña Estilos del nuevo creador.
   
2. Haz clic en el menú desplegable Email (Correo electrónico) .
3. En la sección Imagen de fondo, arrastra y suelta tu imagen de fondo o haz clic en Explorar 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 añadirá al fondo de todo el correo electrónico.

Añadir una imagen de fondo a secciones de correo electrónico o páginas de destino en el creador heredado

Las imágenes de fondo se pueden añadir a las secciones de correo electrónico en el creador heredado. Utiliza el nuevo creador o una plantilla](/help/add-a-background-image-to-a-custom-html-template/) de correo electrónico de código código HTML [personalizada para aplicar una imagen de fondo a todo el correo electrónico.

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

1. Haz clic en la pestaña Estilo del creador de legados.
   
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.
   
4. Haz clic en Editar para diseñar y realizar cambios en la imagen del editor de fotos.
   
5. Cuando hayas terminado de realizar cambios en el editor de fotos, haz clic en Guardar para volver al creador de legados.
6. Haz clic en el menú desplegable Tamaño y selecciona el tamaño que deseas que tenga tu imagen.
   
   
   • Selecciona Auto para mostrar la imagen en su tamaño real.
   • Selecciona Cubierta para rellenar el ancho de toda 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 Contener para escalar la imagen a un tamaño que se ajuste a la altura dentro de su contenedor, de modo que toda la imagen de fondo se pueda ver en cualquier dispositivo.
7. Haz clic en el menú desplegable Posición y elige alinear tu imagen con la parte superior, el centro o la parte inferior de la sección.
8. Haz clic en el menú desplegable Repetir y selecciona el patrón de repetición de tu imagen.
   
   
   • Selecciona Ninguno para que tu imagen se muestre solo una vez.
   • Selecciona Horizontal para repetir la imagen de arriba abajo.
   • Selecciona Vertical para repetir la imagen de izquierda a derecha.
   • Selecciona Ambos para colocar la imagen en mosaico en ambas direcciones.
9. Elige un color alternativo para mostrar en clientes que no admiten imágenes de fondo. Procura seleccionar un color que muestre el texto correctamente.
10. Haz clic en Guardar.

Después de diseñar tu imagen de fondo, puedes añadir cualquier bloque de contenido de arrastrar y soltar encima de la imagen de fondo en tu diseño. Es mejor utilizar mensajes claros y cortos en secciones con imágenes de fondo, como un bloque de imagen que contiene tu logotipo, un bloque](/help/use-text-content-blocks/) de [texto que promociona tu marca o un botón que enlaza con tu tienda en línea o sitio web.

Sugerencias de estilo

• En caso de duda, utiliza una imagen sencilla y centrada en un bloque de contenido.
• Añade relleno en la parte superior e inferior de cada sección para controlar la posición del bloque de contenido.
• De forma predeterminada, el menú desplegable Repetir está establecido en Ninguno, lo que es mejor para imágenes más grandes. Si tienes una imagen más pequeña y deseas crear un efecto de patrón, selecciona Horizontal, Vertical o Ambos.

Probar imágenes de fondo de correo electrónico

Siempre te recomendamos que previsualices los correos electrónicos que crees en Mailchimp y pruebes 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. Para ver cómo una amplia variedad de clientes de correo electrónico mostrarán tu imagen de fondo, utiliza nuestra herramienta Inbox Preview.