WordPress Email Template Designer – WP HTML Mail

Beschreibung

Beautiful WordPress emails for your contact form notifications, your WooCommerce and EDD transactional emails, WordPress core emails, BuddyPress and many more.
Create your own professional email design within a few minutes without any coding.

See how we create an email template within two and a half minutes

All in one email designer for your contact forms, WooCommerce, Easy Digital Downloads and many more…

  • Responsive & Geräte-unabhängig:
    Wir haben unsere Vorlage auf allen gängigen Mail Clients, Webmail Anbietern und Mobilgeräten getestet
  • Template library:
    Start your email design with one of our templates created by professional designer
  • Text oder Bild-Header:
    Gestalte deinen E-Mail Header entweder mit Farben und Text, nutze dein Logo oder gestalte einen Banner.
  • Farben und Schriften anpassen:
    Verschiedene Plugins versenden unterschiedliche E-Mails. Du kannst für alle eine gemeinsame Vorlage für Überschriften, Texte, Links und mehr vorgeben. Damit bekommen deine E-Mails ein einheitliches und professionelles Aussehen.
  • Schreibe Kontaktdaten und rechtliche Infos in die Fußzeile:
    Im Footer kannst du auch Links zu Impressum und AGBs oder Ähnliches einfügen.
  • Inline CSS:
    Webmail Clients überschreiben deine Formatierungen nicht, da diese in Inline-Styles konvertiert werden.
  • Email Test Modus:
    Leite zum Testen alle E-Mails an deine eigene E-Mail Adresse um. Das kann such für Staging-Systeme sehr praktisch sein.
  • Sieh all deine Änderungen in der Live Vorschau.

WooCommerce Drag & Drop Email Customizer

Use our WooCommerce email customizer addon to customize all your store emails. For all standard emails you can also edit the email content as well as the products table.
Most emails from third party WooCommerce plugins can be styled and for some of them we created special integrations:

  • Barcodes von YITH WooCommerce Bar Codes and QR Codes können beliebig in E-Mails platziert werden.
  • Die Mails des WooCommerce Order Status Manager können bequem bearbeitet werden.
  • Mit dem Checkout Field Editor kannst du eigene Felder für den Bestellvorgang anlegen, die dann in E-Mails verwendet werden können.
  • WooCommerce German Market arbeitet perfekt mit unserem Plugin zusammen.
  • With AutomateWoo you can use your email template for your abandoned cart mails and other automated emails
  • WooCommerce Advanced Shipment Tracking
    You can try the plugin in our WooCommerce Demo.

get WooCommerce Email Customizer >

Easy Digital Downloads Email Customizer

Our second ecommerce extension is for Easy Digital Downloads. Using this simple add-on you can

  • customize typography for items, variations and links
  • format the products table
  • see a preview of your EDD emails in desktop and mobile view

get Easy Digital Downloads Email Customizer >

mehr über WP HTML Mail

Funktioniert mit den meisten E-Mail Delivery Plugins

  • WP Offload SES
  • Post SMTP Mailer/Email Log
  • WP Mail SMTP
  • wpMandrill

Mitwirkende

Translations

The plugin is currently available in following languages

> Du möchtest über neue Features und Updates informiert werden?

Folge uns auf Twitter

Screenshots

  • Our template library
  • Gestalte einen Header mit Text oder Bildern
  • Konfiguriere Schriftarten
  • Füge deine Kontaktdaten zum E-Mail Footer hinzu
  • turn template on and off for supported plugins

Installation

Extrahiere das ZIP Archiv in den Ordner wp-content/plugins/ und aktiviere das Plugin dann unter in WordPress unter „Plugins“

FAQ

Does it work for emails from plugin XYZ?

Our email designer has integrations for these plugins:

Auch wenn wir WP HTML Mail nicht für alle Plugins optimieren können nutzen unsere User die E-Mail Templates noch für viele weitere Plugins.

  • ACF Advanced Forms
  • Elementor Forms
  • Events Made Easy
  • Learndash Notifications
  • Matador Jobs
  • Memberpress
  • Modern Events Calendar
  • Uncanny Owl Groups
  • ShieldSecurity

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 custom 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 have 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;
}

another example

Rezensionen

11. Januar 2021
Excellent compatibility with contact forms. The only thing I would have as a recommendation is to add the icons of social networks. Keep in that way!
11. Dezember 2020
Das Plugin ist perfekt für jeden der die WordPress Mails individuell gestalten will. Mit dem zusätzlichen Plugin für WooCommerce sind auch diese Mails einfach und schnell komplett neu gestaltet. Auch die Funktion Variablen auszuwählen und einzusetzen spart viel Aufwand.
22. Oktober 2020
This plugin is awesome. It's hard to imagine it being free considering the ability to completely customize every aspect of the template. Every function works flawlessly. A big thanks to the developer!
19. August 2020
I had a project that required some very unusual use of woocommerce, basically a rewards site, part of the project required the order confirmation email to be customized and stripped of all mentions of money or payments. I searched long and hard for a plugin that offered the right capabilities for customizing the woocommerce automated emails. This was the only one I found that had the flexibility I required. This plugin was exactly what I needed and solved my problem on a tight deadline. I did have a little trouble with it, which I reached out to the developer(s) and he was very prompt in responding. Turns out it was a user error on my part, just something I overlooked in my haste, so the support wasn't necessary but great to know it was there if I had a real problem. I love this plugin and foresee myself using it again for future projects.
24. Juli 2020
Easy to setup. Custom Template possible. I don`t know why i have been not using this before. Must have WordPress Plugin for Websites with Forms.
Lies alle 64 Rezensionen

Mitwirkende & Entwickler

„WordPress Email Template Designer – WP HTML Mail“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„WordPress Email Template Designer – WP HTML Mail“ wurde in 5 Sprachen übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.

Übersetze „WordPress Email Template Designer – WP HTML Mail“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

3.0.4

  • added an option to disable overriding the sender by default (can still be enabled for individual plugins)

3.0.3

  • JS and CSS updates for WP 5.5
  • optimized for Formidable Forms and WP Foro

3.0.2

  • forgot to remove the webfonts tab in previous version which is still under development

3.0.1

  • enabled transient caching for template library
  • changed the way content type is detected to also support filters
  • improved support for ShieldSecurity
  • Header and Footer also translatable with Polylang now

3.0

  • brand new react based template editor (for WP 5.4+)
  • template library with 25+ email templates

2.9.4

  • added a link to manage all custom posts created by mailbuilder (tab „advanced“)
  • added export and import functions (tab „advanced“)
  • added uppercase formatting to font settings
  • added a few more web safe fonts
  • removed call to libxml_disable_entity_loader to support Kinsta hosting
  • tagged minimum PHP version 7.2

2.9.3

  • Header and Footer translatable with WPML

2.9.2

  • Fix: WooCommerce tab has overwritten some settings set on the plugins tab
  • Fixed issue with password reset mail when plain text is interpreted as HTML: https://wordpress.org/support/topic/password-recover-link/

2.9.1.4

  • Fixed bug with headers passed as array instead of string
  • added new option to allow plaintext emails containing HTML code for backwards compatibility

2.9.1

  • TeraWallet Support
  • Improved filtering of plaintext emails

2.9.0.3

  • custom templates can be moved to uploads folder now

2.9.0.2

  • fixed a notice with not initialized settings

2.9.0.1

  • improved polylang compatibility
  • added options to enable/disable header and footer per sender plugin

2.9

  • added debug mode
  • optionally remove header and footer in mailbuilder
  • fixed a bug causing content to be overridden in mailbuilder

2.8.4.2

  • removed a notice during login

2.8.4.1

  • fixed a missing file during commit

2.8.4

  • Happy Forms support
  • Added email test mode to redirect all messages to your own mailbox

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