### [How to Make a Custom Email Template in WordPress](https://wpforms.com/how-to-make-a-custom-email-template-in-wordpress/)

**Published:** April 3, 2024
**Author:** Hamza Shahid

**Excerpt:** Looking for a simple way to customize your form notifications with the WPForms custom email template feature?

Through WPForms, you can easily change the look and feel of your notification emails to create a more personalized experience.

So, without further ado, let's go through the steps on how to make a custom email template in WordPress using WPForms!

**Content:**

Looking for a simple way to customize your form notifications with the WPForms custom email template feature?

Through WPForms, you can easily change the look and feel of your notification emails to create a more personalized experience.

[Create a Custom Email Template Now](https://wpforms.com/pricing/)

So, without further ado, let’s go through the steps on how to create a custom email template in WordPress using WPForms!

## How to Make a Custom Email Template in WordPress

Creating a custom email template in WordPress is very easy, especially with a WPForms custom email template. Follow the steps below to get started.

### Step 1. Set Up a Basic Notification Email

As the [best form builder plugin](https://wpforms.com/best-free-wordpress-contact-form-plugins/), WPForms allows website owners to create contact forms, order forms, calculator forms, and numerous other form templates that cater to a wide range of audiences and industries.

[![the wpforms homepage](https://wpforms.com/wp-content/uploads/2024/01/WPForms-1400-Templates.png "The WPForms Homepage")](https://wpforms.com/)

So, the first step is to install the [WPForms plugin](https://wpforms.com/wpforms-lite-vs-pro/) and then [create a form](https://wpforms.com/how-to-create-a-simple-contact-form-in-wordpress/). After that, navigate to the **Settings » Notifications** tab in the form builder to set up a [basic form notification email](https://wpforms.com/how-to-customize-form-email-notifications-in-wpforms/#3_Set_Up_a_Basic_Form_Notification_Email).

![form notifications](https://wpforms.com/wp-content/uploads/2023/06/access-form-notification-settings.png "Form Notifications")

After creating your form and notification email, save your form and notification settings before moving on to the next step so you don’t lose your progress. Just hit the **Save** button at the top right corner of the screen.

![Save the form](https://wpforms.com/wp-content/uploads/2023/04/Save-the-Form.png "Save Form")

By default, all WordPress uses PHP to send emails from your website, which can be flagged as spam by many inboxes. To avoid this from happening, it’s advised to [use an SMTP plugin like WP Mail SMTP](https://wpforms.com/wp-mail-smtp-review/).

### Step 2: Choose an Email Template

You’re all set to create your own email template now. Go to **WPForms » Settings** from your WordPress dashboard and click on the **Email** tab.

![wpforms email settings](https://wpforms.com/wp-content/uploads/2023/11/wpforms-email-settings.png "WPForms Email Settings")

From here, if you look at the **Template** section, you’ll find six different email templates available to different license levels:

- Classic
- Compact
- Modern (Pro)
- Elegant (Pro)
- Tech (Pro)
- Plain Text

By default, all form notification emails use the **Classic** template, but you can upgrade to Pro to access the Modern, Elegant, or Tech templates.

For this example, we’ll choose the **Elegant** template, but feel free to pick any from the list that best suits your needs and requirements.

![select elegant template](https://wpforms.com/wp-content/uploads/2024/02/select-elegant-template.png "Select Elegant Template")

If you want to view how the template looks in your users’ inbox, you can also click on the **Preview** button to get a quick glimpse of its appearance.

![preview elegant template](https://wpforms.com/wp-content/uploads/2024/02/preview-elegant-template.png "Preview Elegant Template")

Here’s an example of how the Elegant template and its email message looks if users have a [Dark theme](https://sendlayer.com/blog/designing-emails-dark-mode-best-practices/) set on their desktop or mobile device.

![elegant theme dark mode preview](https://wpforms.com/wp-content/uploads/2024/02/elegant-theme-dark-mode-preview.png "Elegant Theme Dark Mode Preview")

### Step 3: Set an Email Header Image

If you want to create a personalized [email notification](https://wpforms.com/email-notifications-examples-and-best-practices/), WPForms even gives users the option to set an email header image to represent your brand logo.

All you have to do is navigate to the **Header Image** section and then click on the **Upload** button to choose a logo that displays at the top of your email.

![upload header image](https://wpforms.com/wp-content/uploads/2023/11/upload-header-image.png "Upload Header Image")

This will give you the option to either upload a new file or select an existing one from your WordPress Media Library.

![upload header image](https://wpforms.com/wp-content/uploads/2021/10/WordPress-Media-Library-Upload.png "Upload Header Image")

After adding a new picture or choosing an existing one, you only have to click the **Use Image** button, and your logo should now be visible.

![preview header image](https://wpforms.com/wp-content/uploads/2024/02/preview-header-image.png "Preview Header Image")

If you want to modify the logo’s size at the top of email notifications, use the dropdown menu with options such as Small, Medium, and Large.

![size header image](https://wpforms.com/wp-content/uploads/2024/02/size-header-image.png "Size Header Image")

The image resolution changes depending on the size you pick and the user’s screen. To put it another way, if you are reading an email on a phone, it will adjust itself to fit the screen automatically.

### Step 4: Change the Color Scheme

You’ll be pleased to hear that WPForms also allows you to adjust the colors in your email through the **Color Scheme** section.

![color scheme selection](https://wpforms.com/wp-content/uploads/2024/02/color-scheme-selection.png "Color Scheme Selection")

You can change any of the colors in two ways. You can either type the HEX number into the color field or click on it to get to the color picker.

![change color schemes](https://wpforms.com/wp-content/uploads/2024/02/change-color-schemes.png "Change Color Schemes")

Where Pro users can adjust the background, body, text, and link colors, Lite users can only modify the background color. Here’s how these options work:

#### Background

The color you choose for the **Background** decides how the email template looks on the outside. The background color, in this case, is dark blue.

![email background color](https://wpforms.com/wp-content/uploads/2024/02/email-background-color.png "Email Background Color")

#### Body

The **Body** color sets the appearance of the email template container. This is the place where the email notification is stored.

For your reference, here is an example picture of a **Body** container in a white color scheme. Feel free to change it to anything you like!

![email body color](https://wpforms.com/wp-content/uploads/2024/02/email-body-color.png "Email Body Color")

#### Text

The words in the email notification will all be this color. The default color scheme features a dark **Text** color, as shown in the image below.

![email text color](https://wpforms.com/wp-content/uploads/2024/02/email-text-color.png "Email Text Color")

#### Links

This color applies to all **Links** in the notification email. The picture below shows an email address that is shown as a link and is displayed in green.

![email links color](https://wpforms.com/wp-content/uploads/2024/02/email-links-color.png "Email Links Color")

#### Typography

**Typography** is crucial in selecting the font family for notification emails sent from your website. WPForms offers support for both Sans Serif and Serif fonts.

![email typography](https://wpforms.com/wp-content/uploads/2023/11/typography.png "Email Typography")

To change the font family of your email notification, all you have to do is click on the **Typography** dropdown and pick the font you want from the list.

![typography dropdown](https://wpforms.com/wp-content/uploads/2023/11/typography-dropdown.png "Typography Dropdown")

### Step 5: Preview Your Email Template

When you’re done making changes to your email template, scroll down and click the **Save Settings** button to keep the changes.

![save settings](https://wpforms.com/wp-content/uploads/2023/11/save-settings.png "Save Settings")

After you’ve saved your changes, you can preview them to see how they would appear in your user’s inbox. Simply click on the **Preview Email Template** link.

![preview email template](https://wpforms.com/wp-content/uploads/2023/11/preview-email-template.png "Preview Email Template")

A new tab will open where you can see a sample of your new notification email. What you changed in the settings will show up in the sample as well!

![preview custom email template](https://wpforms.com/wp-content/uploads/2024/02/preview-custom-email-template.png "Preview Custom Email Template")

### Step 6: Choose Email Templates for Individual Forms

If you want to change the email design for individual forms, that’s possible too. In the form builder, simply navigate to **Settings » Notifications**.

![notifications settings](https://wpforms.com/wp-content/uploads/2023/12/lead-form-notifications-settings.png "Notifications Settings")

Then, scroll down and click on **Advanced** to get to the more advanced choices. There should be a dropdown button under **Email Template**.

![advanced tab form builder](https://wpforms.com/wp-content/uploads/2023/11/advanced-tab-form-builder.png "Advanced Tab Form Builder")

The choice is set to **Default Template** for all forms on your site. Click on the **Email Template** dropdown and select the desired template to override this.

![email template dropdown](https://wpforms.com/wp-content/uploads/2023/11/email-template-dropdown.png "Email Template Dropdown")

If you’re happy with how your form and email template look, take your form live and let those custom email notifications roll out!

 ![Yashwardhan Rana, Content Team Lead at WPForms](https://wpforms.com/wp-content/uploads/2024/01/Yashwardhan-Rana-profile-pic.jpg) 

“By customizing your form notifications, you can take control of the branding and design of the email. The WPForms custom email template feature makes this task a cakewalk. You can customize the form emails in minutes and make it consistent with your brand’s design. Highly recommended!”

-Yashwardhan Rana, Content Team Lead at WPForms

### More Questions about WPForms Custom Email Templates

Looking for answers to your questions? Check out some of the most frequently asked questions we receive about WPForms Custom Email Templates:

#### How do I change the email template in WPForms?

In the form builder, simply navigate to **Settings » Notifications**. Then, click on **Advanced** to get to the more advanced choices. There should be a dropdown button under **Email Template**. Choose the desired email template from here.

#### How do I create a custom email template in WordPress?

To create a custom email template, navigate to **WPForms » Settings** and click the **Email** tab. Here, you can choose from various templates like Classic, Compact, or Modern. Then, you can customize the template by adding a header image, selecting your preferred color scheme, and choosing a typography style.

#### How do I customize my email template?

Select the **Email** tab from **WPForms » Settings**. You can then choose a template that fits your style and make it your own by adding a header image, changing the colors, and picking out a font in the text area. Use the **Preview** button to see how your template will look and ensure it fits your brand style guidelines.

### Next, Learn How to Attach Files to Form Email Notifications

The WPForms file upload field is a powerful feature that lets website visitors upload files when they fill out a form on the frontend of your site. Check out this guide to learn [how to attach these files to your form email notifications](https://wpforms.com/how-to-attach-files-to-form-email-notifications/).

[Create a Custom Email Template Now](https://wpforms.com/pricing/)

Ready to build your form? Get started today with the easiest WordPress form builder plugin. [WPForms Pro](https://wpforms.com/pricing) includes lots of free templates and offers a 14-day money-back guarantee.

If this article helped you out, please follow us on [Facebook](https://facebook.com/wpforms) and [Twitter](https://twitter.com/easywpforms) for more free WordPress tutorials and guides.

**Categories:** WordPress Tutorials

**Tags:** custom email templates, email notifications, wpforms lite, wpforms pro

---