Email Template Designer – WP HTML Mail

Beschrijving

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

See how we design our WordPress emails within two and a half minutes

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

πŸ†“ Elementor Forms
πŸ†“ Ninja Forms
πŸ†“ Caldera Forms
πŸ†“ Contact Form 7
πŸ†“ Gravity Forms
πŸ†“ Gravity Flow
πŸ†“ HappyForms
πŸ†“ WP Support Plus Responsive Ticket System
πŸ†“ Birthday Emails
πŸ†“ Ultimate WP Mail
πŸ†“ Divi Theme contact forms
πŸ†“ BuddyPress
πŸ†“ Give – Donation and Fundraising
πŸ†“ TeraWallet
πŸ†“ WP E-Commerce
πŸ†“ Formidable Forms
πŸ†“ WP Foro
πŸ†“ ACF Advanced Forms
πŸ†“ Elementor Forms
πŸ†“ Events Made Easy
πŸ†“ Learndash Notifications
πŸ†“ Matador Jobs
πŸ†“ Memberpress
πŸ†“ Modern Events Calendar
πŸ†“ Uncanny Owl Groups
πŸ†“ ShieldSecurity
βž• WPForms and WPForms Lite
βž• WooCommerce
βž• Easy Digital Downloads

  • Responsive & Device independent:
    Our e-mail template has been tested in all major desktop, web and mobile mailclients.
  • Template library:
    Start your email design with one of our templates created by professional designer
  • Text or image header:
    Either style your email header with colors and text, use your logo or design a banner.
  • Customize colors and fonts:
    Different plugins send different emails but you can define global color and font settings for headlines, text, links and more to give all your emails a common professional look.
  • Add your companies legal information to the footer:
    The email footer can contain links to your legal pages, your contact data or whatever you want.
  • Inline CSS:
    Webclients do not override your styles, because we move all style definitions to inline styles.
  • Email test mode:
    Redirect all emails to your own email address for testing or for your staging system.
  • Live Preview:
    See all your changes immediately in the live preview.

β˜…β˜…β˜…β˜…β˜… pro addon WooCommerce Drag & Drop Email Customizer

Meer dan 2000 pro gebruikers vertrouwen er op

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 from YITH WooCommerce Bar Codes and QR Codes can be placed anywhere in your Emails
  • You can change emails from WooCommerce Order Status Manager
  • Insert custom checkout fields to your emails with Checkout Field Editor
  • WooCommerce German Market is fully integrated
  • 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.
  • WooCommerce Germanized and Germanized Pro are integrated

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 >

more about WP HTML Mail

Works with most email delivery plugins

Credits

Vertalingen

De plugin is tegenwoordig beschikbaar in de volgende talen

> Want to get notified about new features and updates?

Volg ons op Twitter

Schermafdrukken

  • Onze template bibliotheek
  • Use text or image header
  • set global font settings
  • voeg je contact details toe aan de e-mail footer
  • turn template on and off for supported plugins

Installatie

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

Does it work for emails from plugin XYZ?

Onze e-mail designer heeft integraties voor deze plugins:

Allthough we didn’t optimize WP HTML Mail for these plugins our users use it with many more 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

Beoordelingen

18 november 2022
Thank you for this simple yet effective plugin! I had a bit of trouble to understand where to define the header image and was starting to think it was a premium option or so, but then I finally noticed the edit email header component when moving the mouse over the container. Also, the feature to download the template and edit the HTML and CSS directly is great. Well done!
4 juli 2022
After trying several plugins, this is definitely the go-to one if you want to apply consistent branding across all your transactional emails coming out of WordPress. Easy to use with really professional looking emails. A huge improvement over the standard WordPress design. Highly recommendable.
5 april 2022
Allows you to design within their tool or supply a custom HTML template to be used like a letterhead for all WordPress system emails, and with the appropriate add-ons enabled for things like Gravity Forms and WooCommerce. I'm using this plugin for my client to apply consistent branding across all their transactional emails coming out of WordPress.
2 april 2022
Documenting this to help someone else who may be in a similar situation. My customer reported an issue with PW WooCommerce Gift Cards Pro and WP HTML for Woocommerce. For your reference, I included below the WordPress debug information. Though PW's Gift Card plugin was making the calls, WP HTML for Woocommerce is actually the code that had the issue. I contacted codemiq's support, working with Julian there. I provided the repro steps I took to reproduce the issue, and gave Julian access to the customer's Staging environment. He swiftly identified the issue. He mentioned there being some sort of compatibility issue with PHP v8+, my customer's website has the latest PHP v8.1.4. WP HTML for Woocommerce v2.9.13 is now available to those paying for their Pro plugin. Thank you Julian for the fantastic support and getting my customer back up and running. ====================== WordPress Debug Info ====================== When seeking help with this issue, you may be asked for some of the following information: WordPress version 5.9.2 Current theme: Astra (version 3.7.9) Current plugin: PW WooCommerce Gift Cards Pro (version 1.366) PHP version 8.1.4 Error Details ============= An error of type E_ERROR was caused in line 246 of the file /home/sewisaid/public_html/wp-content/plugins/pw-gift-cards/includes/emails/class-wc-email-pw-gift-card.php. Error message: Uncaught ArgumentCountError: Too few arguments to function WC_Email_PW_Gift_Card::create_object(), 7 passed in /home/sewisaid/public_html/wp-content/plugins/wp-html-mail-woocommerce/includes/class-contenttype-giftcard.php on line 113 and exactly 8 expected in /home/sewisaid/public_html/wp-content/plugins/pw-gift-cards/includes/emails/class-wc-email-pw-gift-card.php:246 Stack trace: #0 /home/sewisaid/public_html/wp-content/plugins/wp-html-mail-woocommerce/includes/class-contenttype-giftcard.php(113): WC_Email_PW_Gift_Card::create_object() #1 /home/sewisaid/public_html/wp-includes/class-wp-hook.php(307): Haet_MB_ContentType_GiftCard->admin_render_contentelement_template() #2 /home/sewisaid/public_html/wp-includes/class-wp-hook.php(331): WP_Hook->apply_filters() #3 /home/sewisaid/public_html/wp-includes/plugin.php(474): WP_Hook->do_action() #4 /home/sewisaid/public_html/wp-content/plugins/wp-html-mail/includes/class-mailbuilder.php(337): do_action() #5 /home/sewisaid/public_html/wp-admin/includes/template.php(1395): Haet_Mail_Builder->render_mailbuilder_meta_box() #6 /home/sewisaid/public_html/wp-admin/edit-form-advanced.php(688): do_meta_boxes() #7 /home/sewisaid/public_html/wp-admin/post.php(206): require('/home/sewisaid/...') #8 {main} thrown`
24 juli 2021
My emails now look good coming from WordPress. Pretty easy to customize with the built-in controls. Happy I found this.
Lees alle 75 beoordelingen

Bijdragers & ontwikkelaars

“Email Template Designer – WP HTML Mail” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

Bijdragers

“Email Template Designer – WP HTML Mail” is vertaald in 6 talen. Dank voor de vertalers voor hun bijdragen.

Vertaal “Email Template Designer – WP HTML Mail” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.

Changelog

3.3.5

  • Backwards compatibility fix for PHP 7.4 and multilanguage sites
  • Removed conditional comments for old Outlook versions

3.3.4

  • FIXED: header image / logo could not be saved
  • FIXED: Warning with PHP8 & multisite
  • tranformed template library to new React UI

3.3.3

  • added restore tool for lost WooCommerce email templates

3.3.2

  • tagged new version to fix missing files during latest update

3.3.1

  • fixed option validation for WooCommerce addon compatibility

3.3

  • improved interface
  • allow HR tags in Mailbuilder

3.2.3

  • improved url escaping

3.2.2

  • allow IMG and STYLE tags in Mailbuilder

3.2.1

  • improved color picker
  • visual style selector for header
  • enabled base64 encoded images in header

3.2

  • improved code according to WordPress coding standard
  • improved input and output validation
  • enqueued websfonts script correctly
  • removed “WordPress” from plugin title
  • Custom CSS field validation

3.1.1

  • added permission check to preview function

3.1

  • Changed initialization of default options to fix some notices in WooCommerce add-on
  • Improved settings REST API security
  • Improved font formatting toolbars in editor

3.0.9

  • reverted change of inline css library because of several compatibility issues

3.0.8

  • changed inline css library
  • fixed missing links on header
  • removed debug logs
  • fixed CSRF and Self XSS vulnerabilities

3.0.6

  • make URLs clickable in plain text email (eg. reset password)
  • fixed missing line breaks if multiple emails are sent at once

3.0.5

  • Fixed a notice about REST endpoint
  • jQuery oplossingen voor WP 5.6
  • fixed a warning initializing options with Polylang enabled

3.0.4

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

3.0.3

  • JS en CSS updates voor 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 ondersteuning
  • 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

  • debug modus toegevoegd
  • 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 Verjaardag e-mails, 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 verbetering

2.7

  • Improved MailBuilder for WooCommerce
  • Kleine bugfixes

2.5

  • Updates voor 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 versie controle
  • 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

  • Italiaanse vertaling geΓΌpdatet
  • 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

  • Duitse taal geΓΌpdatet

2.0.1

  • Fixed a bug causing Email sender not beeing set

2.0

  • Added Drag&Drop Mailbuilder to customize email content

1.2

  • Fouten opgelost
  • Ondersteuning voor Contact Form 7
  • Italiaanse en Duitse vertalingen toegevoegd

1.1

  • Improved formatting of embedded tables and lists

1.0

  • Fouten opgelost
  • ondersteuning voor WooCommerce toegevoegd
  • ondersteuning toegevoegd voor Easy Digital Downloads

0.3

  • vervangen nl2br door wpautop https://wordpress.org/support/topic/replace-nl2br-with-wpautop
  • een paar PHP meldingen verwijderd
  • added support for Caldera forms