Mário Valney

<p><a href="https://wordpress.org/plugins/contact-form-7/" title="Install it first, of course" rel="ugc">Contact Form 7 (CF7)</a> is a awesome plugin used by 1+ million WordPress websites.</p>
<p>But even it allow users to use HTML instead of just Plain Text email it’s not trivial to users who aren’t developers create something really pro.</p>
<p>However, time to leave all your worries behind! As a recently launched “Contact Form 7 – HTML Mail Template Extension” will allow you, WordPress developers or not, to use a simply but beautiful HTML Template in your CF7 so users will get better emails than just amount of text.</p>
<h4>Configurations</h4>
<p>Easily and quickly! No configurations required to start, but you can change a lot of stuff like colors, header image and width (by now… new versions will come).</p>
<h4>Email Template</h4>
<p>The plugin applies a HTML template to email sent from your CF7. The Template is optimized to show your HTML emails perfectly in the most popular email browsers including mobile ones.</p>


HTML Template for CF7

Improve your Contact Form 7 emails with a HTML Template.

Hannes Etzelstorfer

codemiq

<p>Custom designed WordPress emails for your WooCommerce and EDD transactional emails, contact form notifications, your WordPress core emails, BuddyPress and many more.<br />
Create your own professional email design within a few minutes without any coding.</p>
<h4>NEW in 3.4: WooCommerce support in free version!!</h4>
<h3>See how we design our WordPress emails within two and a half minutes</h3>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/h-bFpPqkAzk?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h3>🔝 Top rated email design plugin with 75 ⭐⭐⭐⭐⭐ reviews</h3>
<h4>Read what users say about our email template plugin</h4>
<blockquote>
<p>⭐⭐⭐⭐⭐ Best Email Template Builder<br />
  🗣️ tillvb (@tillvb)</p>
<p>⭐⭐⭐⭐⭐ Simple, flexible and very needed on WP!<br />
  🗣️ Richard Fila (@richardfila)</p>
<p>⭐⭐⭐⭐⭐ Works great and is easy to use<br />
  Great plugin! Great support! Thank you very much!<br />
  🗣️ hirsala (@hirsala)</p>
<p>⭐⭐⭐⭐⭐ On my Plugins’ Top List<br />
  🗣️ Anticosti (@anticosti)</p>
<p>⭐⭐⭐⭐⭐ This is magic and should be default in WP!<br />
  🗣️ MarcelC (@imc67)</p>
</blockquote>
<h3>All in one email designer for your contact forms, WooCommerce, Easy Digital Downloads and many more…</h3>
<p>🆓 Elementor Forms<br />
🆓 WooCommerce – basic customization<br />
🆓 Ninja Forms<br />
🆓 Caldera Forms<br />
🆓 Contact Form 7<br />
🆓 Gravity Forms<br />
🆓 Gravity Flow<br />
🆓 HappyForms<br />
🆓 WP Support Plus Responsive Ticket System<br />
🆓 Birthday Emails<br />
🆓 Ultimate WP Mail<br />
🆓 Divi Theme contact forms<br />
🆓 <a href="https://wordpress.org/plugins/wp-html-mail-buddypress/" rel="ugc">BuddyPress</a><br />
🆓 <a href="https://wordpress.org/plugins/wp-html-mail-give/" rel="ugc">Give – Donation and Fundraising</a><br />
🆓 TeraWallet<br />
🆓 WP E-Commerce<br />
🆓 Formidable Forms<br />
🆓 WP Foro<br />
🆓 ACF Advanced Forms<br />
🆓 Elementor Forms<br />
🆓 Events Made Easy<br />
🆓 Learndash Notifications<br />
🆓 Matador Jobs<br />
🆓 Memberpress<br />
🆓 Modern Events Calendar<br />
🆓 Uncanny Owl Groups<br />
🆓 ShieldSecurity<br />
🆓 The Newsletter Plugin<br />
➕ <a href="https://wordpress-plugins.codemiq.com/en/downloads/wp-html-mail-wpforms/" rel="nofollow ugc">WPForms and WPForms Lite</a><br />
➕ <a href="https://wordpress-plugins.codemiq.com/en/downloads/wp-html-mail-woocommerce/" rel="nofollow ugc">WooCommerce – advanced customization</a><br />
➕ <a href="https://wordpress-plugins.codemiq.com/en/downloads/wp-html-mail-easy-digital-downloads/" rel="nofollow ugc">Easy Digital Downloads</a><br />
…</p>
<ul>
<li><strong>Responsive & Device independent:</strong><br />
Our e-mail template has been tested in all major desktop, web and mobile mailclients. </li>
<li><strong>Template library:</strong><br />
Start your email design with one of our templates created by professional designer</li>
<li><strong>Text or image header:</strong><br />
Either style your email header with colors and text, use your logo or design a banner.</li>
<li><strong>Customize colors and fonts:</strong><br />
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.</li>
<li><strong>Add your companies legal information to the footer:</strong><br />
The email footer can contain links to your legal pages, your contact data or whatever you want. </li>
<li><strong>Inline CSS:</strong><br />
Webclients do not override your styles, because we move all style definitions to inline styles.</li>
<li><strong>Email test mode:</strong><br />
Redirect all emails to your own email address for testing or for your staging system.</li>
<li><strong>Live Preview:</strong><br />
See all your changes immediately in the live preview.</li>
</ul>
<h3>★★★★★ pro addon WooCommerce Drag & Drop Email Customizer</h3>
<p><strong>trusted by more than 2000 pro users</strong></p>
<p>Use our <a href="https://wordpress-plugins.codemiq.com/en/downloads/wp-html-mail-woocommerce/" rel="nofollow ugc">WooCommerce email customizer addon</a> to customize all your store emails. For all standard emails you can also edit the email content as well as the products table.<br />
Most emails from third party WooCommerce plugins can be styled and for some of them we created special integrations:</p>
<ul>
<li>Barcodes from <strong>YITH WooCommerce Bar Codes and QR Codes</strong> can be placed anywhere in your Emails</li>
<li>You can change emails from <strong>WooCommerce Order Status Manager</strong></li>
<li>Insert custom checkout fields to your emails with <a href="https://wordpress.org/plugins/woo-checkout-field-editor-pro/" rel="ugc">Checkout Field Editor</a></li>
<li><strong>WooCommerce German Market</strong> is fully integrated</li>
<li>With <strong>AutomateWoo</strong> you can use your email template for your <strong>abandoned cart mails</strong> and other <strong>automated emails</strong></li>
<li><a href="https://wordpress.org/plugins/woo-advanced-shipment-tracking/" rel="ugc">WooCommerce Advanced Shipment Tracking</a><br />
You can try the plugin in <a href="https://wp-html-mail-woocommerce-demo.codemiq.com/" rel="nofollow ugc">our WooCommerce Demo</a>.</li>
<li><strong>WooCommerce Germanized and Germanized Pro</strong> are integrated</li>
</ul>
<p><a href="https://wordpress-plugins.codemiq.com/en/plugins/wp-html-mail-woocommerce/" rel="nofollow ugc">get WooCommerce Email Customizer ></a></p>
<h4>Easy Digital Downloads Email Customizer</h4>
<p>Our second ecommerce extension is for Easy Digital Downloads. Using this simple add-on you can</p>
<ul>
<li>customize typography for items, variations and links</li>
<li>format the products table</li>
<li>see a preview of your EDD emails in desktop and mobile view</li>
</ul>
<p><a href="https://wordpress-plugins.codemiq.com/de/plugins/wp-html-mail-easy-digital-downloads/" rel="nofollow ugc">get Easy Digital Downloads Email Customizer ></a></p>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/RV8vUNCWOZw?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<p><a href="https://wordpress-plugins.codemiq.com/en/plugins/wp-html-mail-email-templates/" rel="nofollow ugc">more about WP HTML Mail</a></p>
<h4>Works with most email delivery plugins</h4>
<ul>
<li><a href="https://aff.deliciousbrains.com/idevaffiliate.php?id=21298_4_3_3" rel="nofollow ugc">WP Offload SES</a></li>
<li><a href="https://wordpress.org/plugins/post-smtp/" rel="ugc">Post SMTP Mailer/Email Log</a></li>
<li>WP Mail SMTP</li>
<li>wpMandrill</li>
<li>…</li>
</ul>
<h4>Credits</h4>
<ul>
<li>Thanks to Julie Ng for the great “Antwort” responsive email layout <a href="https://github.com/InterNations/antwort" rel="nofollow ugc">Antwort on Github</a></li>
<li>Thanks to Tijs Verkoyen for his CSS-to-inline-styles PHP library <a href="https://github.com/tijsverkoyen/CssToInlineStyles" rel="nofollow ugc">CssToInlineStyles on Github</a></li>
</ul>
<h4>Translations</h4>
<p>The plugin is currently available in following languages</p>
<ul>
<li>English (of course)</li>
<li>German</li>
<li>Spanish translation provided by <a href="https://profiles.wordpress.org/jmbescos" rel="nofollow ugc">Jose</a> from  <a href="http://www.ibidem-translations.com" rel="nofollow ugc">Ibidem Translations</a></li>
<li>Italian translation provided by <a href="https://profiles.wordpress.org/gablau/" rel="nofollow ugc">@gablau</a> and Ema from  <a href="http://www.ibidem-traduzioni.com" rel="nofollow ugc">Ibidem Traduzioni</a></li>
<li>Dutch</li>
<li>Chinese</li>
<li>Persian</li>
</ul>


Email Template Designer – WP HTML Mail

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!

Simple but effective!


Work's out of the box and does its job well. 



But when you are an ambitious dev, this plugin is not for you. 




Seems yo can not add your own custom template files or write your own html code in your favorite editor. 



the preview does not support shortcodes. i added a shortcode and see the result only in the final delivered email.



why are there padding options in the header but not in the footer? 



Simple and powerful but missing several basic settings

All in one email template designer for WooCommerce, Ninja Forms, Elementor Forms, Gravity Forms, CF7, Support Plus, EDD, ...

HTML Template for CF7 vs Email Template Designer – WP HTML Mail