Contact form 7 email design

Design your cf7 emails without any code

Contact Form 7 is one of the most widely used plugins out there in WordPress. It’s also 100% free. It does a pretty good job at getting the contact and sending an email on it’s own. But it doesn’t have a very good layout unless you edit the email content in the form’s mail & mail2 boxes with custom HTML.

HTML is not something everyone can write and on top of it writing one for email is harder due to the nature of email platform support.

Elemailer let’s you design Contact form 7 email template with drag and drop interface of Elementor.

To design the email that Contact form 7 sent through Elementor. After installing Elemailer,

  1. Elementor>Form templates>Add New
  2. Design your email template and here you can use shortcode of CF7.
  3.  Publish the template.
  4.  Once published, visit again Elemailer>Form templates. You will see a column named Shortcode, copy the shortcode.
  5.  Now open the Contact form 7 form where you want to use this template and paste the shortcode in the body of mail or mail2. Make sure USE HTML content type is checked.

That’s it! Now when the specific Contact form 7 form is submitted the email sent will be with the template that you have created with Elemailer.
All other content inside the message body box will be removed.

Don’t know about Contact form 7? Check this link

Leave a Reply

Your email address will not be published. Required fields are marked *