### [Cómo añadir una imagen de cabecera personalizada a los correos electrónicos de notificación](https://wpforms.com/docs/how-to-add-custom-header-image-in-your-wpforms-email-template/)

**Publicado:** 12 de noviembre de 2023
**Autor:** Umair Majeed

**Resumen:** Aprende a editar la plantilla de correo electrónico para enviar correos electrónicos de notificación con una imagen de cabecera personalizada.

**Contenido:**

¿Quieres enviar correos electrónicos de notificación con una imagen de cabecera personalizada? Esta puede ser una forma estupenda de añadir personalidad y estilo a tus correos electrónicos.

Este tutorial te mostrará todos los pasos para añadir un encabezado personalizado a tus correos electrónicos de notificación en WPForms.

---

### Selección de la plantilla de correo electrónico HTML

En primer lugar, nos aseguraremos de que estamos utilizando la plantilla de correo electrónico correcta en la configuración de WPForms. Para empezar, ve a **WPForms » Ajustes** y selecciona la pestaña **Correo electrónico**.

![Pestaña Correo electrónico en la configuración de WPForms](https://wpforms.com/wp-content/uploads/2021/10/Email-tab-WPForms-settings.png)A continuación, desplázate hacia abajo hasta la sección **Plantilla**. Aquí verás varias opciones de plantilla: Clásica, Compacta, Moderna, Elegante, Tecnológica y Texto sin formato.

Para utilizar una imagen de cabecera personalizada en los correos electrónicos de notificación, elige cualquiera de las plantillas excepto Texto sin formato.

![Opciones de plantillas de correo electrónico](https://wpforms.com/wp-content/uploads/2017/12/email-template-options-1.png)### Seleccionar una imagen de cabecera personalizada

A continuación, añadiremos una imagen de cabecera a nuestra plantilla de correo electrónico. Para ello, desplázate hacia abajo hasta la sección **Imagen de cabecera** y haz clic en el botón **Subir imagen**.

![Botón Subir imagen](https://wpforms.com/wp-content/uploads/2021/10/Upload-image-button.png)Aparecerá una ventana emergente en la que podrás subir un nuevo archivo o seleccionar uno ya existente de la biblioteca multimedia de WordPress.

**Nota:** Para una compatibilidad óptima en todos los dispositivos, el tamaño de imagen recomendado es de 300×100 píxeles.

![Subida a la biblioteca multimedia de WordPress](https://wpforms.com/wp-content/uploads/2021/10/WordPress-Media-Library-Upload.png)Una vez que hayas subido una nueva imagen o hayas seleccionado una ya existente, haz clic en el botón **Usar imagen**.

![Botón «Usar imagen»](https://wpforms.com/wp-content/uploads/2021/10/Use-image-button.png)Después de seleccionar una imagen, verás un menú desplegable donde podrás ajustar el tamaño de la imagen. Las opciones de tamaño disponibles son Pequeño, Mediano y Grande.

![Seleccionar el tamaño de la imagen en el menú desplegable](https://wpforms.com/wp-content/uploads/2023/11/select-image-size.png)La plantilla de correo electrónico tiene otras opciones de personalización, como la configuración de una combinación de colores. Para obtener más información, no te pierdas nuestro tutorial sobre [cómo personalizar los correos electrónicos de notificación de formularios](https://wpforms.com/docs/customizing-form-notification-emails/).

Ahora, para guardar tu configuración, haz clic en el botón **Guardar configuración** situado en la parte inferior de la página.

![Botón Guardar configuración](https://wpforms.com/wp-content/uploads/2021/10/Save-settings-button.png)Para probar tu imagen de cabecera personalizada, envía una entrada de prueba a tu formulario y comprueba que el correo electrónico de notificación llega con la cabecera mostrada correctamente. Para obtener una guía completa sobre cómo probar tanto las notificaciones como las confirmaciones, consulta nuestra [lista de verificación para probar formularios](https://wpforms.com/docs/how-to-properly-test-your-wordpress-forms-before-launching-checklist/). Para obtener más información sobre cómo configurar los ajustes de notificación, consulta nuestra guía sobre [cómo configurar los correos electrónicos de notificación de formularios](https://wpforms.com/docs/setup-form-notification-wpforms/).

Aquí tienes un ejemplo de cómo podría verse la notificación por correo electrónico con nuestro encabezado personalizado:

![Ejemplo de notificación por correo electrónico con imagen de encabezado personalizada](https://wpforms.com/wp-content/uploads/2023/11/email-template-preview.png)¡Ya está! Ahora puedes añadir una imagen de encabezado personalizada a tu plantilla de correo electrónico de WPForms.

A continuación, ¿quieres enviar correos electrónicos de notificación en función de las selecciones del usuario en el formulario? ¡No te pierdas nuestro tutorial sobre [cómo configurar notificaciones de formulario condicionales](https://wpforms.com/docs/how-to-create-conditional-form-notifications-in-wpforms/ «Cómo crear notificaciones de formulario condicionales en WPForms»)!

**Categorías:** Funcionalidad, Notificaciones de formulario

---