How to Add a Custom Header Image in your WPForms Email Template

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.

In this tutorial, we’ll 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

Next, scroll down to the Template section. Here you’ll see the options for using the HTML Template or Plain text.

To use a custom header image in the notification emails, the HTML Template option is required. As this option is the default option, you’ll just have to check to make sure it’s selected.

HTML template

Adding a 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

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

Once you’ve uploaded a new image, or selected an existing image, click on the Use Image button.

Use image button

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

Save settings button

To test this template, send a notification email to yourself by submitting a form entry.

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

Email notification example

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!