VillaTheme

Andy Ha

If the default email template of WooCommerce looks plain to you, and you are looking for a way to customize WooCommerce emails, here is what you need. Email Template Customizer for WooCommerce is a helpful tool that helps you build and 
customize WooCommerce emails. The plugin provides sufficient basic elements and WooCommerce elements as well as developmental tools for users to build a complete email. You can easily drag and drop, edit, and customize the layouts/contents inside the email templates with no coding knowledge required. Try our plugin to make the template look friendly and match your store design, customize WooCommerce emails sending to customers all you want, effortlessly.
<blockquote>
<a href="https://new2new.com/?item=woocommerce-email-template-customizer" title="Demo Email Template Customizer for WooCommerce" rel="nofollow ugc">Try the Demo</a> | <a href="https://docs.villatheme.com/?item=woocommerce-email-template-customizer" title="Documents" rel="nofollow ugc">Documents</a> | <a href="https://1.envato.market/BZZv1" title="Pro Version" rel="nofollow ugc">Pro Version</a> | <a href="https://www.facebook.com/groups/villatheme" title="VillaTheme" rel="nofollow ugc">Facebook group</a>
</blockquote>
<h3>Preview Email Template Customizer for WooCommerce</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Fkqu0uPyeKs?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>
<h3>How to install and use the plugin</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/h9rVL052tyI?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>
<h3>Important Notice:</h3>
► Plugin works based on WooCommerce plugin.
► The plugin is released on WordPress.org and you can use plugin as free to build themes for sale.
<h3>With Email Template Customizer for WooCommerce, you can:</h3>
<ul>
<li>
Create and customize WooCommerce emails as many as you want, with several provided elements.
</li>
<li>
Drag and drop to change the position of elements on the template
</li>
<li>
Send a test email before the real sending.
</li>
<li>
Preview email before sending with Desktop and Mobile version
</li>
<li>
Choose direction. This feature is helpful when you switch between languages with directions from LTR or RTL
</li>
<li>
Import and export template to another site in which the plugin is also installed and activated.
</li>
</ul>
► Customize WooCommerce emails with Basic elements 
The plugin provides Basic elements that you can use to customize WooCommerce emails with:
<ul>
<li>
Text: Add content with text element to the template and customize the element with: the text color, font size, alignment, border width, insert/edit link, insert/edit image, shortcode, info icon, social icon, border style, border color, background color, text padding, and text margin.
</li>
<li>
Divider: Add a single line divider to the template and choose a style for the divider. Similar to text, the admin can customize the style, width, height, color, alignment, margin, and padding of the divider.
</li>
<li>
Socials: Add social icons to customize WooCommerce emails, enter your URL links in the placeholder.
</li>
<li>
Image: Add an image to the email template and adjust its size and alignment, border style, border color, background color, text padding, and text margin.
</li>
<li>
Button: Add and customize the button: Name, the link of a button, style the border, alignment, background, and padding.
</li>
<li>
Menu bar: Add and customize the menu bar or name the navigation bar that includes links to the most important sections of the site for instance Home, Shop, Contact…
</li>
<li>
Contact: Display contact information with icons in the email template.
</li>
<li>
Spacer: Add a space between elements and customize its height, borders with style and color, and the background color.
</li>
</ul>
► Customize WooCommerce emails with WooCommerce elements
<ul>
<li>
Order detail: This element displays the full details of orders with customization of the color, size, and alignment of the heading and details separately. Also, customize the borders, background color, padding, margin.
</li>
<li>
Order total: This element displays the total amount of orders. The admin can customize the color, size, and alignment of the heading and details separately as well as the borders, background color, padding, margin.
</li>
<li>
Order subtotal: This element helps you display specific components of orders: including Subtotal, discount, shipping, payment method, order fully refunded, …then, you can customize the color, size, and alignment of the heading and details separately. Also, customize the borders, background color, padding, margin.
</li>
<li>
Shipping method: This element helps you display the shipping method, you can customize the borders, background color, padding, margin.
</li>
<li>
Payment method: This element helps you display the payment method of the order, you can customize the borders, background color, padding, margin.
</li>
<li>
Billing address: Displays the billing details in the email with customization of the color, size, and alignment of the heading and details separately. Moreover, customize the borders, background color, padding, margin.
</li>
<li>
Shipping address: Displays the shipping details in the email and customizes the color, size, and alignment of the heading and details separately as well as the borders, background color, padding, margin.
</li>
</ul>
With Advanced options, the admin can not only set the rules, but also can select the email type, change direction (this option is helpful when you use the RTL languages), preview on different devices, and send a test email, as well as add a note for the template.
<h3>Pro version</h3>
<ul>
<li>
All free version features
</li>
<li>
Create customizable blocks and add them to any template
</li>
<li>
Show report of how many times customers click and order the suggested products
</li>
<li>
The responsive point helps to display the template as designed on any device
</li>
<li>
Send emails with files attached
</li>
<li>
Set rules to apply to each template. You can create multiple email templates for orders based on different conditions, such as payment methods, billing countries, minimum/maximum order price, order item products, or the order language if you use WPML, Polylang, or TranslatePress.
</li>
</ul>
► Advanced elements
<ul>
<li>
Products: Helps you recommend some products and redirects the customers to the single product page in your store when they click on a particular suggested product
</li>
<li>
Coupons: Helps you display a coupon that customers get. Then, customers can copy the coupon code and apply it to their order.
</li>
<li>
Post: Helps you customize WooCommerce emails with your posts, then redirect the customers to those posts in your store when they click on the posts in the email. 
Customize WooCommerce emails with WC Hook that can be dragged and dropped to change position 
Customize WooCommerce emails with the WC Hook Element that allows you to insert content from a 3rd plugin at points wherever the hook is run.
</li>
</ul>
►Customize WooCommerce emails with Advanced options
In addition, Email Template Customizer for WooCommerce is integrated with some advanced options that allow you to set rules and send an email if the order matches the rules. For example, you want to send a current email template to a customer in the United States – Shoe category if the order hits a specific amount. By setting the rules, you can manage emails that will be sent to each customer’s group as you want.
<ul>
<li>
Billing countries: Select countries the email template is applied to.
</li>
<li>
Categories: Select categories the email template is applied to.
</li>
<li>
Min order: Send the email template to the orders that hit this min amount.
</li>
<li>
Max order: Send this email template to the orders that hit this min amount.
</li>
</ul>
<h3>MAY BE YOU NEED</h3>
<a href="https://wordpress.org/plugins/9mail-wp-email-templates-designer/" rel="ugc">9MAIL – WordPress Email Templates Designer</a>
<a href="https://wordpress.org/plugins/9map-map-multi-locations/" rel="ugc">9Map – Map Multi Locations</a>
<a href="https://wordpress.org/plugins/woo-abandoned-cart-recovery/" rel="ugc">Abandoned Cart Recovery for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-advanced-product-information/" rel="ugc">Advanced Product Information for WooCommerce</a>
<a href="https://wordpress.org/plugins/affi-affiliate-marketing-for-woo/" rel="ugc">AFFI – Affiliate Marketing for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-alidropship/" rel="ugc">ALD – Dropshipping and Fulfillment for AliExpress and WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-boost-sales/" rel="ugc">Boost Sales for WooCommerce – Set up Up-Sells & Cross-Sells Popups & Auto Apply Coupon</a>
<a href="https://wordpress.org/plugins/bopo-woo-product-bundle-builder/" rel="ugc">Bopo – WooCommerce Product Bundle Builder</a>
<a href="https://wordpress.org/plugins/bulky-bulk-edit-products-for-woo/" rel="ugc">Bulky – Bulk Edit Products for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-cart-all-in-one/" rel="ugc">Cart All In One For WooCommerce</a>
<a href="https://wordpress.org/plugins/catna-woo-name-your-price-and-offers/" rel="ugc">Catna – Woo Name Your Price and Offers</a>
<a href="https://wordpress.org/plugins/checkout-upsell-funnel-for-woo/" rel="ugc">Checkout Upsell Funnel for WooCommerce</a>
<a href="https://wordpress.org/plugins/chinads-dropshipping-taobao-woocommerce/" rel="ugc">ChinaDS – Tmall-Taobao Dropshipping for WooCommerce</a>
<a href="https://wordpress.org/plugins/clear-autoptimize-cache-automatically/" rel="ugc">Clear Autoptimize Cache Automatically</a>
<a href="https://wordpress.org/plugins/compe-woo-compare-products/" rel="ugc">COMPE – WooCommerce Compare Products</a>
<a href="https://wordpress.org/plugins/woo-coupon-reminder/" rel="ugc">Coreem – Coupon Reminder for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-coupon-box/" rel="ugc">Coupon Box for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-multi-currency/" rel="ugc">CURCY – Multi Currency for WooCommerce – The best free currency exchange plugin – Run smoothly on WooCommerce 9.x</a>
<a href="https://wordpress.org/plugins/woo-customer-coupons/" rel="ugc">Customer Coupons for WooCommerce</a>
<a href="https://wordpress.org/plugins/depart-deposit-and-part-payment-for-woo/" rel="ugc">DEPART – Deposit and Part payment for Woo</a>
<a href="https://wordpress.org/plugins/epoi-wp-points-and-rewards/" rel="ugc">EPOI – WP Points and Rewards</a>
<a href="https://wordpress.org/plugins/epow-custom-product-options-for-woocommerce/" rel="ugc">EPOW – Custom Product Options for WooCommerce</a>
<a href="https://wordpress.org/plugins/eu-cookies-bar/" rel="ugc">EU Cookies Bar for WordPress</a>
<a href="https://wordpress.org/plugins/exmage-wp-image-links/" rel="ugc">EXMAGE – WordPress Image Links</a>
<a href="https://wordpress.org/plugins/fewc-extra-checkout-fields-for-woocommerce/" rel="ugc">FEWC – Extra Checkout Fields For WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-free-shipping-bar/" rel="ugc">Free Shipping Bar for WooCommerce</a>
<a href="https://wordpress.org/plugins/gift4u-gift-cards-all-in-one-for-woo/" rel="ugc">GIFT4U – Gift Cards All in One for Woo</a>
<a href="https://wordpress.org/plugins/handmade-dropshipping-for-etsy-and-woo/" rel="ugc">HANDMADE – Dropshipping for Etsy and WooCommerce</a>
<a href="https://wordpress.org/plugins/happy-helpdesk-support-ticket-system/" rel="ugc">HAPPY – Helpdesk Support Ticket System</a>
<a href="https://wordpress.org/plugins/jagif-woo-free-gift/" rel="ugc">Jagif – WooCommerce Free Gift</a>
<a href="https://wordpress.org/plugins/woo-lookbook/" rel="ugc">LookBook for WooCommerce – Shoppable with Product Tags</a>
<a href="https://wordpress.org/plugins/woo-lucky-wheel/" rel="ugc">Lucky Wheel for WooCommerce – Spin a Sale</a>
<a href="https://wordpress.org/plugins/woo-notification/" rel="ugc">Notification for WooCommerce | Boost Your Sales – Recent Sales Popup – Live Feed Sales – Upsells</a>
<a href="https://wordpress.org/plugins/woo-orders-tracking/" rel="ugc">Orders Tracking for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-photo-reviews/" rel="ugc">Photo Reviews for WooCommerce</a>
<a href="https://wordpress.org/plugins/pofily-woo-product-filters/" rel="ugc">Pofily – WooCommerce Product Filters</a>
<a href="https://wordpress.org/plugins/woo-product-builder/" rel="ugc">Product Builder for WooCommerce – Custom PC Builder</a>
<a href="https://wordpress.org/plugins/product-pre-orders-for-woo/" rel="ugc">Product Pre-Orders for WooCommerce</a>
<a href="https://wordpress.org/plugins/product-size-chart-for-woo/" rel="ugc">Product Size Chart For WooCommerce</a>
<a href="https://wordpress.org/plugins/product-variations-swatches-for-woocommerce/" rel="ugc">Product Variations Swatches for WooCommerce</a>
<a href="https://wordpress.org/plugins/redis-woo-dynamic-pricing-and-discounts/" rel="ugc">REDIS – WooCommerce Dynamic Pricing and Discounts</a>
<a href="https://wordpress.org/plugins/rees-real-estate-for-woo/" rel="ugc">REES – Real Estate for Woo</a>
<a href="https://wordpress.org/plugins/import-shopify-to-woocommerce/" rel="ugc">S2W – Import Shopify to WooCommerce</a>
<a href="https://wordpress.org/plugins/sales-countdown-timer/" rel="ugc">Sales Countdown Timer</a>
<a href="https://wordpress.org/plugins/subre-product-subscription-for-woo/" rel="ugc">SUBRE – Product Subscription for WooCommerce – Recurring Payments</a>
<a href="https://wordpress.org/plugins/woo-suggestion-engine/" rel="ugc">Suggestion Engine for WooCommerce</a>
<a href="https://wordpress.org/plugins/woo-thank-you-page-customizer/" rel="ugc">Thank You Page Customizer for WooCommerce – Increase Your Sales</a>
<a href="https://wordpress.org/plugins/tmds-dropshipping-for-temu-and-woo/" rel="ugc">TMDS – Dropshipping for TEMU and Woo</a>
<a href="https://wordpress.org/plugins/vargal-additional-variation-gallery-for-woo/" rel="ugc">VARGAL – Additional Variation Gallery for Woo</a>
<a href="https://wordpress.org/plugins/w2s-migrate-woo-to-shopify/" rel="ugc">W2S – Migrate WooCommerce to Shopify</a>
<a href="https://wordpress.org/plugins/webpos-point-of-sale-for-woocommerce/" rel="ugc">WebPOS – Point of Sale for WooCommerce</a>
<a href="https://wordpress.org/plugins/wp-lucky-wheel/" rel="ugc">WordPress Lucky Wheel – Spin a Sale</a>
<a href="https://wordpress.org/plugins/wpbulky-wp-bulk-edit-post-types/" rel="ugc">WPBulky – WordPress Bulk Edit Post Types</a>
<h3>Documentation</h3>
► <a href="https://docs.villatheme.com/?item=woocommerce-email-template-customizer" rel="nofollow ugc">Getting Started</a>
<h3>Plugin Links</h3>
► <a href="https://villatheme.com/extensions/woocommerce-email-template-customizer/" rel="nofollow ugc">Project Page</a> 
► <a href="https://docs.villatheme.com/?item=woocommerce-email-template-customizer" rel="nofollow ugc">Documentation</a> 
► <a href="https://villatheme.com/knowledge-base/security-is-our-priority/" rel="nofollow ugc">Report Bugs/Issues</a>

Email Template Customizer for WooCommerce

Make your WooCommerce emails become professional.

Hannes Etzelstorfer

codemiq

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.
<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>
<iframe loading="lazy" title="WP HTML Mail – WordPress email designer v3" width="750" height="422" src="https://www.youtube.com/embed/h-bFpPqkAzk?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h3>🔝 Top rated email design plugin with 75 ⭐⭐⭐⭐⭐ reviews</h3>
<h4>Read what users say about our email template plugin</h4>
<blockquote>
⭐⭐⭐⭐⭐ Best Email Template Builder 
 🗣️ tillvb (@tillvb)
⭐⭐⭐⭐⭐ Simple, flexible and very needed on WP! 
 🗣️ Richard Fila (@richardfila)
⭐⭐⭐⭐⭐ Works great and is easy to use 
 Great plugin! Great support! Thank you very much! 
 🗣️ hirsala (@hirsala)
⭐⭐⭐⭐⭐ On my Plugins’ Top List 
 🗣️ Anticosti (@anticosti)
⭐⭐⭐⭐⭐ This is magic and should be default in WP! 
 🗣️ MarcelC (@imc67)
</blockquote>
<h3>All in one email designer for your contact forms, WooCommerce, Easy Digital Downloads and many more…</h3>
🆓 Elementor Forms 
🆓 WooCommerce – basic customization 
🆓 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 
🆓 <a href="https://wordpress.org/plugins/wp-html-mail-buddypress/" rel="ugc">BuddyPress</a> 
🆓 <a href="https://wordpress.org/plugins/wp-html-mail-give/" rel="ugc">Give – Donation and Fundraising</a> 
🆓 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 
🆓 The Newsletter Plugin 
➕ <a href="https://wordpress-plugins.codemiq.com/en/downloads/wp-html-mail-wpforms/" rel="nofollow ugc">WPForms and WPForms Lite</a> 
➕ <a href="https://wordpress-plugins.codemiq.com/en/downloads/wp-html-mail-woocommerce/" rel="nofollow ugc">WooCommerce – advanced customization</a> 
➕ <a href="https://wordpress-plugins.codemiq.com/en/downloads/wp-html-mail-easy-digital-downloads/" rel="nofollow ugc">Easy Digital Downloads</a> 
…
<ul>
<li>Responsive & Device independent: 
Our e-mail template has been tested in all major desktop, web and mobile mailclients. </li>
<li>Template library: 
Start your email design with one of our templates created by professional designer</li>
<li>Text or image header: 
Either style your email header with colors and text, use your logo or design a banner.</li>
<li>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.</li>
<li>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. </li>
<li>Inline CSS: 
Webclients do not override your styles, because we move all style definitions to inline styles.</li>
<li>Email test mode: 
Redirect all emails to your own email address for testing or for your staging system.</li>
<li>Live Preview: 
See all your changes immediately in the live preview.</li>
</ul>
<h3>★★★★★ pro addon WooCommerce Drag & Drop Email Customizer</h3>
trusted by more than 2000 pro users
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. 
Most emails from third party WooCommerce plugins can be styled and for some of them we created special integrations:
<ul>
<li>Barcodes from YITH WooCommerce Bar Codes and QR Codes can be placed anywhere in your Emails</li>
<li>You can change emails from WooCommerce Order Status Manager</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>WooCommerce German Market is fully integrated</li>
<li>With AutomateWoo you can use your email template for your abandoned cart mails and other automated emails</li>
<li><a href="https://wordpress.org/plugins/woo-advanced-shipment-tracking/" rel="ugc">WooCommerce Advanced Shipment Tracking</a> 
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>WooCommerce Germanized and Germanized Pro are integrated</li>
</ul>
<a href="https://wordpress-plugins.codemiq.com/en/plugins/wp-html-mail-woocommerce/" rel="nofollow ugc">get WooCommerce Email Customizer ></a>
<h4>Easy Digital Downloads Email Customizer</h4>
Our second ecommerce extension is for Easy Digital Downloads. Using this simple add-on you can
<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>
<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>
<iframe loading="lazy" title="WP HTML Mail - Email Templates for WordPress" width="750" height="422" src="https://www.youtube.com/embed/RV8vUNCWOZw?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<a href="https://wordpress-plugins.codemiq.com/en/plugins/wp-html-mail-email-templates/" rel="nofollow ugc">more about WP HTML Mail</a>
<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>
The plugin is currently available in following languages
<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!

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

Email Template Customizer for WooCommerce vs Email Template Designer – WP HTML Mail