WP HTML Mail – Email Designer

Description

Beautiful responsive HTML mails, fully customizable without any coding knowledge
Create your own professional email template within a few minutes.
Easily change texts, colors, fonts, pictures, alignment and see all your changes immediately in the live preview.

Turn email formatting on/off for specific plugins.
Currently supported are

more about WP HTML Mail

Tutorial: Create your WordPress email template in 2 minutes

Create your own email template for WooCommerce

Customize design, text, products table, simply everything with our Drag & Drop MailBuilder WooCommerce AddOn

Your own email template for Easy Digital Downloads

Read more about the Easy Digital Downloads AddOn

Responsive & Device independent

Our e-mail template has been tested in all major desktop, web and mobile mailclients.

Inline CSS

Webclients do not override your styles, because we move all style definitions to inline styles.

Works with most email delivery plugins

Credits

Translations

The plugin is currently available in following languages
* English (of course)
* German
* Spanish translation provided by Jose from Ibidem Translations
* Italian translation provided by @gablau and Ema from Ibidem Traduzioni

> Want to get notified about new features and updates?

Follow me on twitter

Screenshots

  • WooCommerce Demo
  • Use text or image header
  • set global font settings
  • append you contact details to the mail footer

Installation

Extract the zip file and just drop the contents in the wp-content/plugins/ directory of your WordPress installation and then activate the Plugin from Plugins page.

FAQ

Can I send my newsletter campaigns with this plugin?

No, this is not a newsletter tool, it just makes your emails beautiful but doesn’t send custom ones.

How can I remove the gap at the header of my Contact Form 7 emails?

Go to your Contact Form 7 email settings and change email type from HTML to text. WP HTML Mail will take care of the HTML.

Can a customize the HTML code of the email header?

There’s a filter to change the header HTML code. Just add this to your (child-)themes functions.php:

add_filter('haet_mail_header', function( $header ){
    return 'hello <strong>world</strong>';
});

Of course you can display HTML code, not just text.

Can a customize the HTML code of the email footer?

There’s a filter to change the footer HTML code. Just add this to your (child-)themes functions.php:

add_filter('haet_mail_footer', function( $header ){
    return 'hello <strong>world</strong>';
});
Can I add ustom CSS code to my WordPress emails?

You can add your own CSS code for desktop and mobile. Just add this example to your (child-)themes functions.php and customize it:

add_filter( 'haet_mail_css_desktop', function( $css ){
    $css .= '  
            h1{
                border-bottom: 2px solid green;
            }
        ';
    return $css;
});

add_filter( 'haet_mail_css_mobile', function( $css ){
    $css .= '  
            h1{
                background:red;
            }
        ';
    return $css;
});
How to disable the template for some emails?

Find anything all emails hav in common. It may be the sender, a word in the subject or something in the email body.
Then add this function to your (child-)themes functions.php and customize it. Return TRUE if the template should be used and FALSE if not.

// return true if you want to use a template for current mail
// return false if you want to leave the content of this email unchanged
add_filter( 'haet_mail_use_template', 'customize_template_usage', 10, 2 );
function customize_template_usage( $use_template, $mail ){
    // $mail['to'] ...
    // $mail['subject'] ...
    // $mail['message'] ...
    // $mail['headers'] ...
    // $mail['attachments'] ...
    return true;
}

Reviews

Quick and efficient!

Thank you to Hannes for his professional support and his help while I needed him really urgently! As usual, very reactive and efficient!
😉

Top Plugin – Endlich übersichtliche Mails

Ich habe das Plugin WP HTML Mail – WooCommerce (nicht die kostenlose Version) integriert. Die Bedienung ist selbsterklärend und schnell erledigt. Super ist die Vorschau im Tab WooCommerce, wo alle Änderungen sofort sichtbar sind.
Ich hätte das Plugin schon lange installiert wenn ich davon gewusst hätte!

Great Plugin

Works as described. Easy to install and work with. Very functional.
Thanky you.

Perfect plugin

We bought the plugin after testing many plugins to handle the WooComemrce mails. This is by far the best plugin for this. The plugin also offers the option to customize the mails from the German Market plugin. Simply perfect. Keep up the good work!

Read all 40 reviews

Contributors & Developers

“WP HTML Mail – Email Designer” is open source software. The following people have contributed to this plugin.

Contributors

“WP HTML Mail – Email Designer” has been translated into 4 locales. Thank you to the translators for their contributions.

Translate “WP HTML Mail – Email Designer” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

2.8.3.1

  • Fixed a character encoding bug

2.8.3

  • Improvements for Gravity Forms and Gravity Flow

2.8.2

  • Developers get back the custom template feature
  • new filter for custom header HTML code haet_mail_header
  • new filter for custom footer HTML code haet_mail_footer
  • filter for custom CSS haet_mail_css_desktop and `haet_mail_css_mobile

2.8.1

  • fixed a character encoding bug

2.8

  • another fix for gravity forms https://wordpress.org/support/topic/unwanted-space-in-gravity-form-notifications-and-solution/
  • changed get_tab_url() to use add_query_arg()
  • added reset buttons to delete settings
  • added preheader text to improve preview in some mailclients

2.7.9.1

  • Bugfix for GravityForms line breaks

2.7.9

  • Added support for Gravity Forms
  • added shortcode support

2.7.8

  • Improved Mailbuilder interface
  • Mailbuilder supports padding and bg color for each element
  • Removed “advanced” tab
  • Added link to website to header
  • Supports some special characters now in sender name and subject

2.7.3

  • Added support for Birthday Emails, thanks to @carman23
  • improved CSS inlining (using a fork of CSS inliner now, but keeping the previous version for compatibility with WP HTML Mail for WooCommerce until 2.7.3)

2.7.1

  • Added support for WP Support Plus Responsive Ticket System
  • WooCommerce Attachments Bugfix
  • Mailbuilder Improvement

2.7

  • Improved MailBuilder for WooCommerce
  • Minor Bugfixes

2.5

  • Updates for WooCommerce 3
  • Supports attachments for WooCommerce emails now
  • Fixed detection of NinjaForms emails

2.4

  • Improved responsive display in Gmail App
  • Improved scaling for Outlook with high DPI setting
  • Fixed a bug adding inline styles to head tag
  • PHP Version check
  • Fixed line breaks in emails sent by Contact Form 7

2.3

  • Updated translation management

2.2.6

  • Better alignment for multicolumn content (especially for WooCommerce)

2.2.5

  • Fixed another bug with inline styles causing wrong preview of email footer

2.2.4

  • Updated CSS to Inline Styles library because of a bug with multiple line breaks

2.2.3

  • Updated italian translation
  • Improved some WooCommerce features

2.2.1

  • Fixed a bug causing double line breaks

2.2

  • Works with wpMandrill now

2.1.1

  • Plugin can be used by Non-Admins now see here

2.1

  • Updated inline css library
  • Improved font toolbar

2.0.2

  • Updated german translation

2.0.1

  • Fixed a bug causing Email sender not beeing set

2.0

  • Added Drag&Drop Mailbuilder to customize email content

1.2

  • Bugfixes
  • Support for Contact Form 7
  • Italian and German translations

1.1

  • Improved formatting of embedded tables and lists

1.0

  • Bugfixes
  • added support for WooCommerce
  • added support for Easy Digital Downloads

0.3

  • replaced nl2br with wpautop https://wordpress.org/support/topic/replace-nl2br-with-wpautop
  • removed a few PHP notices
  • added support for Caldera forms