### [Adding a Custom Header Image to Notification Emails](https://wpforms.com/docs/how-to-add-custom-header-image-in-your-wpforms-email-template/)

**Published:** November 12, 2023
**Author:** Umair Majeed

**Excerpt:** Learn how to edit the email template to send notification emails with a custom header image.

**Content:**

Do you want to send notification emails with a custom header image? This can be a great way to add personality and style to your emails.

This tutorial will show you all the steps to add a custom header to your notification emails in WPForms.

---

### Selecting the HTML Email Template

First, we’ll make sure we are using the correct email template in our WPForms settings. To get started, go to **WPForms » Settings** and select the **Email** tab.

![Email tab WPForms settings](https://wpforms.com/wp-content/uploads/2021/10/Email-tab-WPForms-settings.png)Next, scroll down to the **Template** section. Here you’ll see various template choices: Classic, Compact, Modern, Elegant, Tech, and Plain Text.

To use a custom header image in the notification emails, choose any of the templates except Plain Text.

![Email template options](https://wpforms.com/wp-content/uploads/2017/12/email-template-options-1.png)### Selecting a Custom Header Image

Next, we’ll add a header image to our email template. To do this, scroll down to the **Header Image** section and click on the **Upload Image** button.

![Upload image button](https://wpforms.com/wp-content/uploads/2021/10/Upload-image-button.png)An overlay will appear where you can upload a new file, or select an existing file from the WordPress Media Library.

**Note:** For the best support on all devices, the recommended image size is 300×100 pixels.

![WordPress media library upload](https://wpforms.com/wp-content/uploads/2021/10/WordPress-Media-Library-Upload.png)Once you’ve uploaded a new image, or selected an existing image, click on the **Use Image** button.

![Use image button](https://wpforms.com/wp-content/uploads/2021/10/Use-image-button.png)After selecting an image, you’ll see a dropdown where you can update the size of the image. Available size options include Small, Medium, and Large.

![Selecting Image Size from Dropdown](https://wpforms.com/wp-content/uploads/2023/11/select-image-size.png)The email template has other customization settings, such as setting a color scheme. To learn more, be sure to check our tutorial on [customizing form notification emails](https://wpforms.com/docs/customizing-form-notification-emails/).

Now, to save your settings, click the **Save Settings** button located at the bottom of the page.

![Save settings button](https://wpforms.com/wp-content/uploads/2021/10/Save-settings-button.png)To test your custom header image, submit a test entry to your form and check that the notification email arrives with the header displayed correctly. For a complete walkthrough of testing both notifications and confirmations, see our [form testing checklist](https://wpforms.com/docs/how-to-properly-test-your-wordpress-forms-before-launching-checklist/). To learn more about configuring your notification settings, check out our guide on [setting up form notification emails](https://wpforms.com/docs/setup-form-notification-wpforms/).

Here’s an example of what the email notification might look like with our custom header:

![Email notification example with custom header image](https://wpforms.com/wp-content/uploads/2023/11/email-template-preview.png)That’s it! You can now add a custom header image to your WPForms email template.

Next, do you want to send notification emails based on the user’s form selections? Be sure to check out our tutorial on [how to set up conditional form notifications](https://wpforms.com/docs/how-to-create-conditional-form-notifications-in-wpforms/ "How to Create Conditional Form Notifications in WPForms")!

**Categories:** Functionality, Form Notifications

---