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.
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.
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.
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.
Once you’ve uploaded a new image, or selected an existing image, click on the Use Image button.
Now, to save your settings, click the Save Settings button located at the bottom of the page.
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:
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!