Email Template Designer – WP HTML Mail

Description

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

  • Responsif et indépendant du terminal :
    Notre modèle d’e-mail a été testé sur tous les principaux clients de messagerie de bureau, Web et mobiles.
  • Bibliothèque de modèles :
    Commencez la conception de votre e-mail avec l’un de nos modèles créés par un designer professionnel
  • En-tête de texte ou image :
    Personnalisez votre en-tête d’e-mail avec des couleurs et du texte, utilisez votre logo ou créez une bannière.
  • Personnalisez les couleurs et les polices :
    Différentes extensions envoient des e-mails personnels, mais vous pouvez définir des réglages de couleur et de police globaux pour les titres, le texte, les liens et plus encore pour donner à tous vos e-mails un aspect professionnel commun.
  • Ajoutez les informations légales de votre entreprise au pied de page :
    Le pied de page de l’e-mail peut contenir des liens vers vos pages légales, vos coordonnées, etc.
  • CSS en ligne :
    Les clients Web ne remplacent pas vos styles, car nous déplaçons toutes les définitions de style vers des styles en ligne.
  • Mode de test d’e-mail :
    Rediriger tous les e-mails vers votre propre adresse de messagerie à des fins de test ou pour votre système de transfert.
  • Aperçu en direct :
    Visualisez toutes vos modifications immédiatement dans l’aperçu en direct.

★★★★★ pro addon WooCommerce Drag & Drop Email Customizer

trusted by more than 2000 pro users

Utilisez notre module de personnalisation d’e-mails WooCommerce pour personnaliser les e-mails de votre boutique. Pour les e-mails standards, vous pouvez également modifier le contenu de l’e-mail ainsi que le tableau des produits.
La plupart des e-mails provenant d’extension tierces WooCommerce peuvent être stylisés et pour certains d’entre eux, nous avons créé des intégrations spécifiques :

  • Les codes à barres de YITH WooCommerce Bar Codes and QR Codes peuvent être placé dans vos e-mails
  • Vous pouvez modifier les e-mails depuis WooCommerce Order Status Manager
  • Insérez des champs de paiement personnalisés dans vos e-mails avec Checkout Field Editor
  • WooCommerce German Market est entièrement intégré
  • Avec AutomateWoo vous pouvez utiliser votre modèle d’e-mail pour votre e-mails de panier abandonné et autres e-mails automatiques
  • WooCommerce Advanced Shipment Tracking
    Vous pouvez essayer l’extension dans notre démo WooCommerce.
  • WooCommerce Germanized and Germanized Pro are integrated

obtenir WooCommerce Email Customizer >

Constructeur d’e-mails Easy Digital Downloads

Notre deuxième extension de e-commerce concerne Easy Digital Downloads. En utilisant ce module complémentaire simple, vous pouvez

  • personnaliser la typographie pour les éléments, les variations et les liens
  • formater le tableau des produits
  • voir un aperçu de vos e-mails EDD sur ordinateur et mobile

obtenir Easy Digital Downloads Email Customizer >

en savoir plus sur WP HTML Mail

Fonctionne avec la plupart des extensions de livraison d’e-mail

Crédits

Traductions

L’extension est disponible dans les langues suivantes

> Vous souhaitez être informé des nouvelles fonctionnalités et mises à jour ?

Suivez-nous sur Twitter

Captures d’écran

  • Notre bibliothèque de modèles
  • Utiliser un en-tête de texte ou d’image
  • définissez les réglages généraux de police
  • ajouter vos coordonnées dans le pied de page de l’e-mail
  • activer/désactiver le modèle pour les extensions prise en charge

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

Fonctionne-t-il pour les e-mails de l’extension XYZ ?

Notre constructeur d’e-mails comporte les intégrations des extensions suivantes :

Bien que nous n’ayons pas optimisé WP HTML Mail pour ces extensions, nos utilisateurs l’utilisent avec beaucoup plus d’extensions.

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

Peut-on envoyer des campagnes de newsletter avec l’extension ?

Non, ce n’est pas un outil de newsletter, il rend vos e-mails plus beaux mais n’envoie pas de messages personnalisés.

Comment supprimer l’espace dans l’en-tête des e-mails de Contact Form 7 ?

Allez aux réglages d’e-mail de Contact Form 7 et modifiez le type d’e-mail du HTML au texte. WP HTML Mail s’occupera du 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>';
});

Bien sûr, vous pouvez afficher du code HTML, pas seulement du texte.

Peut-on personnaliser le code HTML du pied de page de l’e-mail ?

Il existe un filtre pour modifier le code HTML du pied de page. Ajoutez simplement ceci dans le fichiers functions.php de votre thème enfant :

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

Peut-on ajouter un code CSS personnalisé aux e-mails WordPress ?

Vous pouvez ajouter votre propre code CSS pour ordinateur et mobile. Ajoutez cet exemple au fichier functions.php de votre thème enfant personnalisez-le :

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

Comment désactiver le modèle pour certains e-mails ?

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

un autre exemple

Avis

18 novembre 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 juillet 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 avril 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 avril 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`
Lire les 77 avis

Contributeurs/contributrices & développeurs/développeuses

« Email Template Designer – WP HTML Mail » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

“Email Template Designer – WP HTML Mail” a été traduit dans 6 locales. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « Email Template Designer – WP HTML Mail » dans votre langue.

Le développement vous intéresse ?

Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.

Journal

3.3.7

  • removed debug output

3.3.6

  • restored compatibility with Outlook

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

  • ajouter une option pour désactiver le remplacement de l’expéditeur par défaut (peut toujours être activé pour les extensions individuelles)

3.0.3

  • Mises à jour JS et CSS pour WP 5.5
  • optimisé pour Formidable Forms et 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

  • L’extension peut être utilisée par les non-administrateurs maintenant voir ici

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

  • Corrections de bogues
  • Support for Contact Form 7
  • Italian and German translations

1.1

  • Improved formatting of embedded tables and lists

1.0

  • Corrections de bogues
  • 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