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.

Connect your WooCommerce store with Mailchimp’s marketing and automation tools to send personalized messages that drive repeat purchases to better engage and build relationships with your customers.
Use personalization to optimize every campaign
Mailchimp’s easy-to-use, AI-powered tools and recommendations let you design next-level emails that reflect your brand and give customers a personalized experience.
<ul>
<li style="font-weight: 400"><a href="https://mailchimp.com/help/design-an-email-new-builder/">Email Builder</a>: Send highly-targeted emails that help drive repeat purchases using intuitive drag-and-drop editors and robust automations.</li>
<li style="font-weight: 400"><a href="https://mailchimp.com/help/use-product-recommendation-content-blocks/">Product Recommendations & Dynamic Content</a>: Leverage customer behavior and purchase data to tailor content and drive conversions.</li>
<li style="font-weight: 400"><a href="https://mailchimp.com/help/use-creative-assistant/">Content Generator & Creative Assistant</a>: Harness generative AI to craft personalized content faster and test variants to deliver more personalized emails to your customers.</li>
<li style="font-weight: 400"><a href="https://mailchimp.com/help/content-optimizer/">Content Optimizer</a>: Compare your email content with top-performing campaigns and get actionable suggestions for enhancement.</li>
<li style="font-weight: 400"><a style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em" href="https://mailchimp.com/help/create-ab-tests/">AB/MV Testing</a>: Measure the impact of your content on crucial engagement and revenue metrics.</li>
</ul>
<img class="alignnone size-medium wp-image-18734003458369" src="https://woocommerce.com/wp-content/uploads/2017/09/Template-library-Gen-AI.jpg?w=896" alt="" width="896" height="672" />
Build better relationships that drive traffic and increase sales
Mailchimp offers WooCommerce merchants the right tools to drive sales and customer loyalty. Connect with customers when it matters most, turn browsers into repeat customers, and <a href="https://mailchimp.com/features/automations/?utm_source=woo_integration&utm_medium=integration_page&utm_campaign=woocommerce&utm_content=automations">send automated emails</a> and SMS based on real-time interactions like:
<ul>
<li>Abandoned cart reminders: Recover lost sales by sending reminder emails to customers who left items in their cart but didn’t complete the purchase.</li>
<li>Personalized product recommendations: Increase sales by showcasing relevant items to individual customers based on their browsing and purchase history.</li>
<li>Predictive segmentation: Sharpen your targeting strategies with predictive segmentation to understand your customers’ lifetime value, demographics, and likelihood to purchase.</li>
</ul>
<img class="alignnone size-medium wp-image-18734003667137" src="https://woocommerce.com/wp-content/uploads/2017/09/Woo-Commerce_02.png?w=896" alt="" width="896" height="504" />
Engage your visitors and convert more customers
Mailchimp tools not only help you increase traffic to your site, but with our <a href="https://mailchimp.com/features/crm/">Customer Relationship Management </a>features, you can start building stronger relationships with your customers with personalized content that means something to them.
<ul>
<li>Centralize audience insights: Get to know your audience and find new ways to market to them using Mailchimp’s <a href="https://mailchimp.com/features/crm/">CRM tools</a>. Organizing your audience with tags and segments allows for more targeted communication that can resonate with your customers, ultimately driving stronger conversion opportunities and repeat purchases.</li>
<li>Get a holistic view of your audience: Mailchimp’s <a style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em" href="https://mailchimp.com/features/audience-dashboard/">audience dashboard</a> can help you get to know your audience at a glance by visually showing segments within your audience data that you can send targeted campaigns to with just a few clicks.</li>
<li>Gain insights on how to engage with your audience: Create <a style="font-family: var(--wccom-font-family-default);letter-spacing: -0.011em" href="https://mailchimp.com/features/contact-profiles/">contact profiles</a> to  better understand your customers behind the numbers.Dive into their data and learn what actions have led to a purchase, leave notes about individual preferences, and discover patterns in audience behavior.</li>
</ul>
<img class="alignnone size-medium wp-image-18734003667144" src="https://woocommerce.com/wp-content/uploads/2017/09/Woo-Commerce_03.png?w=896" alt="" width="896" height="504" />
Get the insights you need to optimize your marketing strategy
Connect your WooCommerce store with Mailchimp’s <a href="https://mailchimp.com/features/reports-and-analytics/?utm_source=woo_integration&utm_medium=integration_page&utm_campaign=woocommerce&utm_content=reports_analytics">analytics platform </a>to monitor trends, track performance, and create better campaigns that reach more customers who are likely to engage and convert.
<ul>
<li>Make smart decisions quickly with data all in one place: Get real-time stats for all your marketing campaigns—including emails, automation, social ads, and more—to quickly identify what’s working and make informed decisions about next steps</li>
<li>Make your email content more engaging: Mailchimp’s <a href="https://mailchimp.com/features/content-optimizer/">Content Optimizer</a> gives additional guidance with analysis based on industry best practices. Access this feature in the new email builder or your email campaign reports before sending your next email.</li>
</ul>
<img class="alignnone size-medium wp-image-18734003667147" src="https://woocommerce.com/wp-content/uploads/2017/09/Woo-Commerce_04.png?w=896" alt="" width="896" height="504" />
Resource Articles
Mailchimp knows the value of providing e-commerce retailers with content that helps drive sales.  To view a library of articles to help you optimize your marketing efforts, <a href="https://mailchimp.com/resources/e-commerce/">click here</a>. 
Requirements:
<ul>
<li>The WooCommerce plugin should already be installed and activated in WordPress.</li>
<li>Your hosting environment must meet WooCommerce’s minimum requirements, including <a href="https://woocommerce.com/document/server-requirements/">PHP 7.4 or greater</a>.</li>
<li>A staging environment should be used prior to installation on production servers. Customer’s first name, last name, email address, and orders are needed for Mailchimp for WooCommerce to sync.</li>
</ul>
<h3></h3>
To connect your WooCommerce store to Mailchimp
<ol>
<li>Download the plugin</li>
<li>Install the plugin on your WordPress Admin site</li>
<li>Connect the plugin with your Mailchimp API Key</li>
<li>Configure your list settings to complete the data sync process</li>
<li>For more information on settings and configuration, visit <a href="http://kb.mailchimp.com/integrations/e-commerce/connect-or-disconnect-mailchimp-for-woocommerce">Mailchimp’s Knowledge Base</a></li>
</ol>
A note for current integration users:
This plugin supports our most powerful API 3.0 features and is intended for users who have not yet integrated their WooCommerce stores with Mailchimp. 
You can run this new integration at the same time as your current WooCommerce integration for Mailchimp. However, data from the older integration will display separately in subscriber profiles, and can’t be used with e-commerce features that require API 3.0.

Mailchimp

Increase traffic, drive repeat purchases, and send personalized emails and SMS campaigns using Mailchimp’s AI marketing tools.

Email Customizer vs Mailchimp