Email Template Designer – WP HTML Mail

Beschreibung

Ein eigenes WordPress E-Mail Design für deine WooCommerce oder EDD Shop-E-Mails, deine Kontaktformular Nachrichten, WordPress interne Benachrichtigungen, BuddyPress und viele mehr.
Erstell dein eigenes professionelles Design innerhalb weniger Minuten ohne Programmierung.

So gestalten wir unser WordPress E-Mail Design innerhalb von zweieinhalb Minuten… Die Uhr läuft

All-In-One E-Mail Designer für deine Kontaktformulare, WooCommerce, Easy Digital Downloads und viele mehr…

🆓 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 & Geräte-unabhängig:
    Wir haben unsere Vorlage auf allen gängigen Mail Clients, Webmail Anbietern und Mobilgeräten getestet
  • Template Library:
    Starte dein Design mit unseren Vorlagen, die von professionellen Designern für uns und für dich gestaltet wurden.
  • 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.

★★★★★ Pro AddOn WooCommerce Drag & Drop E-Mail Designer

Mehr als 2000 Pro-User vertrauen auf unser WooCommerce Plugin

Verwende unser WooCommerce E-Mail Designer AddOn um all deine Shop-E-Mails anzupassen. Für alle Standard-Mails kannst du auch den Inhalt und die Produkt-Tabelle anpassen.
Die meisten Nachrichten von WooCommerce Erweiterungen können optisch angepasst werden und für manche haben wir sogar eigene Integrationen entwickelt:

  • 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.
  • Mit AutomateWoo kannst du dein E-Mail Design für deine Abandoned Cart E-Mails und andere automatische E-Mails verwenden
  • WooCommerce Advanced Shipment Tracking
    Du kannst das Plugin in unserem WooCommerce Demo System ausprobieren.
  • Integration für WooCommerce Germanized und Germanized Pro inklusive dem neuen Storabill Rechnungs-Modul

WooCommerce E-Mail Designer >

Easy Digital Downloads E-Mail Designer

Unsere zweite E-Commerce Erweiterung ist für Easy Digital Downloads. Mit dieser einfachen Erweiterung kannst du

  • Ändere die Typografie für Produkte, Variationen und Links
  • Formatiere die Produkttabelle
  • Sieh die Vorschau deiner EDD-Mails in Desktop- und Mobil-Ansicht

Easy Digital Downloads E-Mail Designer >

mehr über WP HTML Mail

Funktioniert mit den meisten E-Mail Delivery Plugins

Mitwirkende

Übersetzungen

Das Plugin ist in folgenden Sprachen verfügbar

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

Folge uns auf Twitter

Screenshots

  • Unsere Template Library
  • Gestalte einen Header mit Text oder Bildern
  • Konfiguriere Schriftarten
  • Füge deine Kontaktdaten zum E-Mail Footer hinzu
  • Schalte das Template für unterstützte Plugins ein oder aus

Installation

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

FAQ

Funktioniert WP HTML Mail mit dem Plugin XYZ?

Unser E-Mail Designer hat eigene Integrationen für diese 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

Kann ich mit dem Plugin Newsletter versenden?

Nein, das ist kein Newsletter Tool. WP HTML Mail macht einfach nur bestehende Mails viel schöner, fügt aber keine neuen hinzu.

Wie kann ich den Abstand im Header der Contact Form 7 E-Mails entfernen?

Geh zu den Contact Form 7 E-Mail Einstellungen und ändere den E-Mail Typ von HTML auf Text. WP HTML Mail kümmert sich um die HTML Darstellung.

Kann ich den HTML Code des Headers bearbeiten?

Es gibt einen Filter um den Header HTML Code zu verändern. Füg einfach folgendes in die functions.php deines (Child-)Themes ein:

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

Natürlich kannst du HTML Code anzeigen, nicht nur Text.

Kann ich den HTML Code des Footers bearbeiten?

Es gibt einen Filter um den Footer HTML Code zu verändern. Füg einfach folgendes in die functions.php deines (Child-)Themes ein:

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

Kann ich eigenen CSS Code zu meinen WordPress Mails hinzufügen?

Du kannst eigenes CSS für Desktop oder Mobil hinzufügen. Kopier das Beispiel in die functions.php deines (Child-)Themes und passe es an.

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;
});

Wie kann ich das Template für manche Mails deaktivieren?

Finde etwas, das alle Mails gemeinsam haben. Das könnte der Absender sein, ein Wort im Betreff oder im Text.
Füg dann diese Funktion in die functions.php deines (Child-)Themes ein und passe sie an.
Gib TRUE zurück wenn das Template benutzt werden soll oder FALSE wenn nicht.

// 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;
}

noch ein Beispiel

Rezensionen

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.
Alle 75 Rezensionen lesen

Mitwirkende & Entwickler

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

Mitwirkende

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

Übersetze „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.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 fixes for 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 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