This WooCommerce Email Customizer, also known as YayMail Pro, helps you customize WooCommerce email templates with a drag-and-drop email builder.
This will help create a professional look for your transactional emails:
<ul>
<li>Header: The header is the top section of the email, and it typically includes your company logo and branding. You can customize the header to reflect your brand identity and to make your emails more professional.</li>
<li>Body: In this main content section, you can include the customer’s name, order confirmation details, shipping updates, and promotional offers. You can customize the body of the email to match your brand style, making it easy for customers to read and understand. To personalize it, use template tags to insert dynamic data into your emails.</li>
<li>Footer: The footer is the bottom section of the email. Treat it as your business signature, and add your company contact information, social media links, post-purchase policies, etc.</li>
</ul>
<figure id="attachment_18734000912214" aria-describedby="caption-attachment-18734000912214" style="width: 2936px" class="wp-caption alignnone"><img class="wp-image-18734000912214 size-full" src="https://woocommerce.com/wp-content/uploads/2021/06/yaymail-banner-new.png" alt="Customize WooCommerce email templates with YayMail " width="2936" height="1902" /><figcaption id="caption-attachment-18734000912214" class="wp-caption-text">Customize WooCommerce email templates with YayMail</figcaption></figure>
<h2>Customize WooCommerce Email Templates</h2>
It comes with a drag-and-drop email builder so that non-techies can create beautiful transactional email templates without coding.
YayMail Pro includes full customization for 11 Woo email templates:
<ul class="ul1">
<li class="li1">New order email</li>
<li class="li1">Order canceled email</li>
<li class="li1">Order failed email</li>
<li class="li1">Order on-hold email</li>
<li class="li1">Order processing email</li>
<li class="li1">Order completed email</li>
<li class="li1">Order refunded email</li>
<li class="li1">Customer invoice email</li>
<li class="li1">Customer note email</li>
<li class="li1">Customer’s new account email</li>
<li class="li1">Customer reset password email</li>
</ul>
<img class="alignnone wp-image-18734001262291 size-full" src="https://woocommerce.com/wp-content/uploads/2021/06/screenshot-1-2.png" alt="" width="3198" height="1880" />
YayMail Pro also supports other WooCommerce extensions, including Shipment Tracking, Order Status Manager, Checkout Field Editor, Back In Stock Notifier, and more.
If you’re asking how, then it helps add shipment tracking info and custom order status to the designed email templates. Thus, deliver a consistent impression about your brand.
And more than that, this email customizer supports all the existing variables, placeholders, and shortcodes created by:
<ul>
<li>Shipment Tracking by WooCommerce</li>
<li>Checkout Field Editor by WooCommerce</li>
<li>Order Status Manager by SkyVerge</li>
<li>Admin Custom Order Fields by SkyVerge</li>
<li>Advanced Shipment Tracking by Zorem</li>
<li>WooCommerce Shipment Tracking by PluginHive</li>
<li>YITH WooCommerce Order Tracking</li>
<li>Flexible Checkout Fields by WPDesk</li>
<li>Custom Order Status by TycheSoftwares</li>
<li>Checkout Field Editor by ThemeHigh</li>
<li>WooCommerce Show Attributes</li>
<li>Back In Stock Notifier | WooCommerce Waitlist Pro by codewoogeek</li>
<li>WPML | WooCommerce Multilingual</li>
<li>Polylang</li>
<li>TranslatePress</li>
<li>Pagar.me for WooCommerce</li>
<li>Others? Don’t fret, just get in touch and let us know what you need!</li>
</ul>
<h2 class="p1">Email Customizer for WooCommerce – Features</h2>
YayMail provides a user interface similar to Gutenberg and Elementor’s, which shows the customizer on the left-hand sidebar and the email sample preview on the right-hand area.
<img class="alignnone wp-image-18734000167341 size-full" src="https://woocommerce.com/wp-content/uploads/2021/06/Email-design-with-YayMail.jpeg" alt="" width="1720" height="1023" />
<ul class="ul1">
<li class="li1">The upper toolbar allows you to pick from the drop-down the email type or template you want to view and customize.</li>
<li class="li1">A powerful left sidebar lets you control all elements and settings in a single panel.</li>
<li class="li1">The settings toolbar is collapsible and super smooth. You can configure them just by switching ON/OFF.</li>
<li class="li1">The live preview section shows all email template blocks. For each block you have the options to move up/down, duplicate, delete or copy that element to another destination template.</li>
</ul>
It comes with 20+ blocks for you to re-design all details in WooCommerce notification emails. Each element is built-in with plenty of options including background color, text size, font family, padding, column width, alignment, and so on.
<h2>Elements of the Email Builder</h2>
<h4>Basic elements:</h4>
<ul>
<li>Logo: add logo, avatar, brand profiles to the Email template</li>
<li>Image: add an image to the Email template</li>
<li>Button: add a button, call to action, URL, dynamic shortcode</li>
<li>Text: add a block of custom text</li>
<li>Title: add a block of heading and optional subheading</li>
<li>Social Icon: show social media icons and set their links (Facebook, Linkedin, YouTube, WhatsApp, etc.)</li>
<li>Video: add a video placeholder, overlay background, custom height and width</li>
<li>Image List: insert a set of images, custom text, and buttons</li>
<li>Image Box: add a double-column partition of an image and text</li>
<li>Text List: add a double-column partition of text elements with a CTA button</li>
<li>HTML: add raw HTML code to the Email template</li>
</ul>
<img class="alignnone wp-image-18734001143185 size-full" src="https://woocommerce.com/wp-content/uploads/2021/06/Featured-products-dynamic-block-in-YayMail-editor.jpg" alt="Featured products dynamic block in YayMail editor" width="2292" height="1386" />
<h4>General elements including layout related blocks:</h4>
<ul>
<li>Space: a blank transparent spacer element to help pad the blocks</li>
<li>Divider: add a customizable divider to your template</li>
<li>One Column</li>
<li>Two Columns</li>
<li>Three Columns</li>
<li>Four Columns</li>
</ul>
<h4>WooCommerce elements</h4>
<ul>
<li>Email Heading: add a main subject, or heading text to your Email template</li>
<li>Footer: insert a short footer text with custom color, background, padding and so on</li>
<li>Shipping Address: add the customer’s shipping address</li>
<li>Billing Address: add the customer’s billing address</li>
<li>Billing Shipping Address: add billing shipping address in a 2-column block</li>
<li>Order Item: show table format for the product ordered, the quantity ordered, and the total price</li>
<li>Hook: help you add WooCommerce Hooks</li>
<li>Order Item Download: show a tabularized detail of downloadable items that were ordered</li>
<li>Order Subscription: show details of subscription/recurring payment items</li>
<li>Tracking Item: add a tracking link, tracking number, and other relevant info to notify the customers</li>
<li>Cart Items: send cart items to invite customers back to your shop</li>
</ul>
Did you know? WooCommerce billing and shipping info can also be customized!
<img class="alignnone wp-image-8304600 size-full" src="https://woocommerce.com/wp-content/uploads/2021/06/customize-billing-shipping-info-in-email-template.jpg" alt="customize billing shipping info in email template" width="2756" height="1650" />
There are also tons of shortcodes to display user info and order details in transactional emails. Just click on the (i) icon from the upper toolbar and copy the one you need.
<h2>Why You Should Use Email Customizer for WooCommerce?</h2>
This WooCommerce Email Customizer allows you to customize various aspects to deliver bespoke email templates for your customers. Good-looking emails create a friendly impression, make your customers come back to your brand, and generate recurring sales.
With YayMail customizer, you can also copy a single column, a block, or a full template to another WooCommerce email so that you don’t have to design it over and over again.
<img class="alignnone wp-image-18734001262297 size-full" src="https://woocommerce.com/wp-content/uploads/2021/06/screenshot-5-1.png" alt="Copy Email Blocks and Email Templates" width="3226" height="1880" />
If you are using YayMail on multiple sites and you want to have that store brand consistency, you can easily export and import the designs and layouts. It saves time, and you will love it.
It is super easy to re-design every part of emails:
<ul class="ul1">
<li class="li1">Change the header logo and adjust its size</li>
<li class="li1">Tweak background and text color</li>
<li class="li1">Edit headings</li>
<li class="li1">Multiple columns</li>
<li class="li1">Add the order’s product images</li>
<li class="li1">Add a Call-to-Action button</li>
<li>Personalize email content with variables and shortcodes</li>
<li class="li1">Insert useful links to the email footer</li>
<li class="li1">Save the email sample and send a test email</li>
</ul>
<h2>Oh wait, there’s more!</h2>
If you want advanced customizability for extra email templates in third-party extensions like multi-vendor marketplace, subscriptions, membership, or B2B & wholesale suite, make sure to check out YayMail Addons.
Please note: The following addons are exclusive features sold by YayCommerce, and they are not included in this Email Customizer.
<ul>
<li>Email Conditional Logic 
This YayMail addon helps display conditional email blocks to target the customers who meet your requirements. These include minimum order total value, payment method, billing country, and more.</li>
</ul>
<h3>Payment addons:</h3>
<ul>
<li>WooCommerce Stripe Payment Gateway</li>
<li>YITH WooCommerce Stripe</li>
<li>WooCommerce Deposits – Partial Payments</li>
</ul>
<h3><img class="alignnone wp-image-18734001262302 size-full" src="https://woocommerce.com/wp-content/uploads/2021/06/yaymail-woo-stripe-gateway-email-templates.png" alt="WooCommerce Stripe Gateway email templates" width="1600" height="1000" /></h3>
<h3>Conversion rate optimization addons:</h3>
<ul>
<li>AutomateWoo</li>
<li>Follow-Ups – Custom Email Templates</li>
<li>WooCommerce Waitlist</li>
<li>WooCommerce Pre-Orders</li>
<li>YITH Wishlist</li>
<li>YITH Pre-Order</li>
<li>YITH Gift Cards</li>
<li>Gift Cards by SomewhereWarm</li>
<li>Account Funds by Themesquad</li>
<li>PW WooCommerce Gift Cards</li>
<li>WooCommerce B2B</li>
<li>B2B & Wholesale Suite</li>
</ul>
<h3>Multivendor marketplace addons:</h3>
<ul>
<li>YITH WooCommerce Multi Vendor</li>
<li>Dokan Multivendor Marketplace Solution</li>
<li>WC Vendors Marketplace</li>
<li>WCFM Marketplace</li>
</ul>
<h3>Subscription and membership addons:</h3>
<ul>
<li>WooCommerce Subscriptions</li>
<li>SUMO Subscriptions</li>
<li>YITH WooCommerce Subscription</li>
<li>WooCommerce Bookings</li>
<li>YITH Membership</li>
<li>YITH Booking</li>
<li>Appointments for WooCommerce</li>
</ul>
<h3>Order delivery addons:</h3>
<ul>
<li>SG Woocommerce Order Approval</li>
<li>Order Delivery Date by Tyche</li>
<li>Order Delivery for WooCommerce by Themesquad</li>
<li>AliDropship for WooCommerce</li>
</ul>
<h3>Offers and discounts addons:</h3>
<ul>
<li>Points and Rewards</li>
<li>Smart Coupon by StoreApps</li>
<li>YITH WooCommerce Review For Discounts</li>
</ul>
<h3>Extra integrations:</h3>
<ul>
<li>Germanized</li>
<li>German Market</li>
<li>Quotes for WooCommerce</li>
<li>Split Orders</li>
<li>WP Crowdfunding</li>
<li>License Manager for WooCommerce</li>
<li>WooCommerce Simple Auctions</li>
</ul>
💪
Branding is important to your store’s growth.
Create a great impression of your brand via customized emails.
Check out YayMail Addons today!

Email Customizer

Create awesome transactional emails with a drag and drop email builder. Supports 20+ third-party WooCommerce extensions.

This extension automatically attaches a PDF copy of the invoice to the completed order email. Customers can login to their account and download previous invoices and admins can resend the PDF or download a copy
<ul class="wccom-tick-list-primary">
<li>Customizable invoice template</li>
<li>Legal company information sections like tax number etc</li>
<li>Sequential invoice numbering</li>
<li>Attach PDF to “New Order” email for admins</li>
<li>Add logo image to PDF</li>
<li>Customize date format</li>
<li>Customize invoice number format</li>
<li>Add / Remove columns from the invoice using filters</li>
<li>Invoice number column in order list</li>
<li>Resend Invoice or download invoice from the order list</li>
<li>Invoice info meta box on edit order screen</li>
</ul>
For more information on customizing the invoice template please review the <a href="https://woocommerce.com/document/woocommerce-pdf-invoice-setup-and-customization">support documents</a>.

PDF Invoices

Automatically create and attach a fully customizable PDF invoice to the completed order email.

Email Customizer vs PDF Invoices