WPExperts.io

Email Templates is a WordPress plugin that allows you to customize your WooCommerce and WordPress website’s default transactional email designs and templates.
The easy-to-use editor lets you choose a template style, and you can customize it by adding a logo or text, changing colors, and editing the footer.
<h4>Why use Email templates for your WordPress/WooCommerce website?</h4>
<ul>
<li>Live preview your WordPress and WooCommerce emails</li>
<li>Customize emails to match your brand’s color theme</li>
<li>Customize your email’s heading, subtitle, and body text (including header and footer text)</li>
<li>Choose from a variety of template styles</li>
<li>Configure settings like the sender’s name and email address</li>
<li>Send test emails to the administrator’s email address</li>
<li>View your WooCommerce order emails or choose to view a mockup template.</li>
<li>Select email type from a dropdown list – New order, canceled order, customer processing order, customer completed order, customer refunded order, customer on-hold order, customer invoice, failed order, new account, customer note, reset password.</li>
<li>Each email type has a default email template and template settings</li>
<li>Import/export custom style settings</li>
<li>Send preview email after importing custom style settings</li>
</ul>
<h4>Compatible with Post SMTP Mailer/Email Log – Best Mail SMTP For WP</h4>
<a href="https://wordpress.org/plugins/post-smtp/" rel="ugc">PostSMTP</a> is a next-generation WP Mail SMTP plugin that assists and improves the email deliverability process of your WordPress website.
Easy-to-use and reliable – 300,000+ customers trust Post SMTP Mailer to send their daily WordPress emails to millions of users worldwide.
<h3>Email Templates Features</h3>
<h4>WordPress Email Template – General Settings</h4>
<ul>
<li>Choose the size of your email template (boxed or full-width)</li>
<li>Add custom CSS to your email template</li>
<li>Choose the background color for your email template</li>
<li>Resize the body of the email box using a slider</li>
</ul>
<h4>WordPress Email Template – Header Settings</h4>
<ul>
<li>Add an image to your email template’s header</li>
<li>Add text and color to your email header.</li>
<li>Choose an alignment for the email’s header (Left, Center, Right)</li>
<li>Increase or decrease the size of the text in the header.</li>
</ul>
<h4>WordPress Email Template – Email Body Settings</h4>
<ul>
<li>Set a background color for the email body</li>
<li>Set a text color for links in the email body</li>
</ul>
<h4>WordPress Email Template – Footer Settings</h4>
<ul>
<li>Edit the text on the email footer</li>
<li>Choose an alignment for the email footer (Left, Center, Right)</li>
<li>Set a background color for the email footer</li>
<li>Resize the footer text using a slider</li>
<li>Set the color of the text on the footer</li>
<li>Enable/disable the link to the plugin page (Powered by)</li>
</ul>
<h4>Minimum Requirements</h4>
WordPress 4.0.0
<h4>Help with translations</h4>
Send your translations to <a href="https://www.transifex.com/projects/p/wp-email-templates/" rel="nofollow ugc">Transifex</a>
<h4>Currently Available in:</h4>
<ul>
<li>English</li>
<li>Spanish</li>
<li>French</li>
<li>Chinese</li>
<li>Portuguese</li>
<li>Dutch</li>
<li>Persian</li>
<li>Russian</li>
<li>German</li>
</ul>
<h4>Collaborate in Github</h4>
<ul>
<li><a href="https://github.com/wpexpertsio/wordpress-email-templates" rel="nofollow ugc">https://github.com/wpexpertsio/wordpress-email-templates</a></li>
</ul>
<h4>Latest Update</h4>
Email Templates v1.5
Text box implementation 
Added a text box above the slider so the Administrator can manually enter the number. In the color option, the admin can select the color from the color grid and can also enter the color code manually.
Template Settings 
Gave the option a particular name called “Template Setting”
Relocated the **Border Color option in Template Settings** 
Now, the Border Color option would appear after the Border Right Width option and above the Border Radius option to define the border widths properly.
Rename and Capitalization of Options For Template Settings 
Some option names, such as ‘bottom padding’, ‘Custom css’, and ‘box shadow’, have been capitalized for better readability.
Rename and Capitalization of Options for Email Header 
Spelling Corrections, Capitalization, and the Renaming of options in the Email Header tab.
Rename and Capitalization of Options in Email Body 
Spelling Corrections, Capitalization, and the Renaming of options in the Email Body tab.
Slider Issue In Footer Text Padding Top And Footer Text Padding Bottom Options 
Added a textbox to manually adjust the slider in the ‘Footer Text Padding Top’ and ‘Footer Text Padding Bottom’ options in the Footer tab.
Rename and Capitalization of Options in Footer 
Spelling corrections, capitalization, and the renaming of options in the Footer tab.
Rename and Capitalization of Options in Subtitle Styles (WooCommerce) 
Spelling Corrections, capitalization, and the renaming of options in the Subtitle Styles (WooCommerce) tab.
Dropdown Menu was not appearing correctly 
The dropdown menu was appearing incorrectly, and the first option should be selected by default since it works like that in the previous options. Now it has been fixed.
Order Table Styles option | No reflection in real-time 
Previously, this option was not reflecting any change when any sub-option was selected from the dropdown menu. It has been fixed now.
Product Image & Product Image Size options | No reflection in real-time 
Both options (Product Image & Product Image Size) were not reflecting any change when any sub-option was selected from the dropdown menu. It has been fixed now.
Order Table Border Color option | No reflection in real-time 
Previously, this option was not reflecting any change in real time. Now it has been fixed.
Order Table Heading Style option | No reflection on real-time 
Previously, this option was not reflecting any change in real time. Now it has been fixed.
Slider issue in Footer Text Padding Top/Bottom, Left/Right, and Border Width options 
The numbers were not appearing on the slider in the Padding Top/Bottom and Padding Left/Right options in the Footer tab. Now it has been fixed by implementing a text box so the admin can manually enter the numbers.
Enable order notes to be moved bellow option | Spelling mistake and No reflection on real-time | Order Items Styles (WooCommerce) 
Spelling correction was made, and real-time reflection was fixed.
Rename the “Clear” button to “Default” in color grid options – Order Items Styles (WooCommerce) 
The color grid option had the option name “Clear” which has been replaced by “Default” for better user understanding.
Rename and Capitalization of Options in Order Items Styles (WooCommerce) 
Spelling mistakes and capitalization of words were corrected in various places.
Button Font Size option Slider issue in Button Style (WooCommerce) 
The numbers were not appearing on the slider in the Button Font Size option in the Footer tab. Now it has been fixed by implementing a text box to enable the admin to enter numbers manually.

Email Templates Customizer and Designer for WordPress and WooCommerce


In the description they said you can personalize woocommerce email templates as well as other emails. But the fact is that you cannot edit anything than the global email template. There's just a simple big button that goes to a very basic editor and that's it !!


Too Simple Email Template - No woocommerce or anything else

Design and send custom emails with Email Templates plugin for WordPress and WooCommerce

Mohammad Jangda

Converts the default plain-text email notifications into fully customizable, sweet-lookin’ HTML emails.
Multi-site support (for WordPress 3.0) will be added soon.
Notes:
<ul>
<li>Emails are sent with readable plain-text versions for email clients that don’t support HTML emails. Note: they’re somewhat crude because they’re auto-generated. I may decide to add decent-looking plain-text versions in the future, but that’s low priority.</li>
<li>Emails have only been tested on Gmail, Gmail on Android, and Outlook, but should work on most email clients (including clients without HTML support). If you’re using a client other than the 3 I’ve listed, I would appreciate <a href="mailto:batmoo@gmail.com" rel="nofollow ugc">an email</a> with info on whether the email looks like it should and works correctly.</li>
</ul>
Send your questions, comments, suggestions <a href="mailto:batmoo@gmail.com" rel="nofollow ugc">via email</a>.
<h3>Customizing Templates</h3>
You can fully customize the look of any of the emails by creating your own templates. Emails have two pieces:
<ul>
<li>Email Wrapper (content common across all emails)</li>
<li>Email Message (content unique to each email)</li>
</ul>
Custom templates can be created an placed in either your theme directory or your Content directory (/wp-content/ on most sites). See utils.php for a number of useful functions that you can use in your templates.
Email Wrapper
The Email Wrapper includes elements and markup that are common across all email notifications. It contains your html, head and body tags and any other elements that are shared across emails.
To customize the email template, create a file called <code>html_email.php</code> and add it to either your theme or content directory.
Note: you must include the following code in the template to work:
<pre><code><?php htmlize_message_body($email_templates, $email_data); ?>
</code></pre>
The Email Wrapper has access to the following variables:
<ul>
<li>$email_title: (string) title of the email</li>
<li>$email_subtitle: (string) subtitle of the email</li>
<li>$email_data: (array) Associative array of various data passed by the calling function</li>
</ul>
Email Message: New Comment
By default, new comment and comment moderation emails share the same template. You can create separate templates for both for each comment type by creating the following files:
<ul>
<li><code>notify_postauthor_comment.php</code></li>
<li><code>notify_postauthor_trackback.php</code></li>
<li><code>notify_postauthor_pingback.php</code></li>
<li><code>notify_moderator_comment.php</code></li>
<li><code>notify_moderator_trackback.php</code></li>
<li><code>notify_moderator_pingback.php</code></li>
</ul>
If you don’t want to customize the emails by comment type, just create the following two templates:
<ul>
<li><code>notify_postauthor.php</code></li>
<li><code>notify_moderator.php</code></li>
</ul>
If you just want a custom template shared between the two notification types, just create the following:
<ul>
<li><code>notify_comment.php</code></li>
</ul>
New Comment email messages have the following data variables available:
<ul>
<li>$comment – (obj) comment object</li>
<li>$post – (obj) post object </li>
<li>$comment_type – (string) slug for the comment_type</li>
<li>$comment_type_text – (string) friendly name for the comment_type</li>
<li>$comment_moderate – (bool) Whether the comment needs moderation or not</li>
</ul>
<h3>Using HTML Emails in your plugin</h3>
It’s pretty easy to use. The main call you need to make is htmlize_message() and pass the return into your wp_mail object. Details to come.
<h3>Credits</h3>
<ul>
<li>Blockquote image borrowed from the amazing <a href="https://wordpress.org/extend/themes/wu-wei" rel="ugc">Wu Wei theme by Jeff Ngan</a></li>
<li>Plain Text conversion script by <a href="http://www.chuggnutt.com/html2text.php" rel="nofollow ugc">Jon Abernathy aka Chuggnutt</a></li>
<li>Email styling inspired by <a href="http://en.support.wordpress.com/blog-subscriptions/" rel="nofollow ugc">WordPress.com Blog Subscription Notifications</a></li>
</ul>

HTML Emails

Converts the default plain text email notifications into fully customizable, sweet-lookin' HTML emails.

Email Templates Customizer and Designer for WordPress and WooCommerce vs HTML Emails