Formatting the Design of User & Admin Notification Email

Form design and formatting

eForm version 2.5.1 and upper, supports beautiful and responsive emails sent to users. The design of the email has been kept very minimalist and flat so that you can easily change colors etc to make it even more matching with your website.

To get started, first make sure you have setup everything needed to send notification emails to users. Once there, you can change the following designs.

#1: Change Logo and Images:

Email logo is the one that is shown on the table head. Email image is basically the form header and also incorporated inside the email to make it more attractive.

To change user email logo:

Change logo of  user notification

  • Go to  Form Builder > Result & email > User Notification.
  • Scroll to Email Logo and upload an image of size 150px X 28px.

To change admin email logo:

Change logo for admin notification

  • Go to  Form Builder > Result & email > Admin Notification.
  • Scroll to Email Logo and upload an image of size 150px X 28px.

Save the form and you’re done. Make sure that the image would go nice with the accent background color (details below). We recommend setting up a PNG image with transparent background.

To change the Form Header Image:

Change form header image

  • Go to Form Builder > Form Theme.
  • Set Header Image/Logo.

#2: Set Email Accent Color:

To change the header background color, please follow the procedure below:

Set email accent color

  • Go to Form Builder >  Result & emailEmail Design.
  • Set Accent Background Color and Accent Color.

This will be used for both admin and user emails. The social sharing images are always rendered in white. So make sure you use a darker tone for background color.

#3: Set email text color:

Set email text color

Starting version 3.2.0, it is possible to change other email template colors. Please see the image above. If you do not see these options, then please upgrade to the latest version of eForm.

Swashata has written 230 articles

Hi there, I am the Lead Developer at WPQuark.com. I love to create something beautiful for WordPress and here I write about how to use them. When I am not working, usually I am doing a number of other creative things ;).