<p>This WooCommerce Email Customizer, also known as <strong>YayMail Pro</strong>, helps you customize WooCommerce email templates with a drag-and-drop email builder.</p>
<p>This will help create a professional look for your transactional emails:</p>
<ul>
<li><strong>Header</strong>: 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 <strong>make your emails more professional</strong>.</li>
<li><strong>Body</strong>: In this main content section, you can include the customer’s name, order confirmation details, shipping updates, and <strong>promotional offers</strong>. 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><strong>Footer</strong>: 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>
<p>It comes with a drag-and-drop email builder so that non-techies can create beautiful transactional email templates <strong>without coding</strong>.</p>
<p><strong>YayMail Pro</strong> includes full customization for 11 Woo email templates:</p>
<ul class="ul1">
<li class="li1"><span class="s2">New order email</span></li>
<li class="li1"><span class="s2">Order canceled email</span></li>
<li class="li1"><span class="s2">Order failed email</span></li>
<li class="li1"><span class="s2">Order on-hold email</span></li>
<li class="li1"><span class="s2">Order processing email</span></li>
<li class="li1"><span class="s2">Order completed email</span></li>
<li class="li1"><span class="s2">Order refunded email</span></li>
<li class="li1"><span class="s2">Customer invoice email</span></li>
<li class="li1"><span class="s2">Customer note email</span></li>
<li class="li1"><span class="s2">Customer’s new account email</span></li>
<li class="li1"><span class="s2">Customer reset password email</span></li>
</ul>
<p><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" /></p>
<p class="p1"><span class="s1"><strong>YayMail Pro</strong> also supports other WooCommerce extensions, including<span class="s2"> Shipment Tracking</span>,<span class="s2"> Order Status Manager</span>, Checkout Field Editor, Back In Stock Notifier, and more.</span></p>
<p>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.</p>
<p>And more than that, this email customizer supports all the existing variables, placeholders, and shortcodes created by:</p>
<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"><span class="s1"><b>Email Customizer for WooCommerce – Features</b></span></h2>
<p><span style="margin: 0px;padding: 0px"><strong>YayMail</strong> 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.</span></p>
<p><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" /></p>
<ul class="ul1">
<li class="li1"><span class="s2"><b>The upper toolbar</b> allows you to pick from the drop-down the email type or template you want to view and customize.</span></li>
<li class="li1"><span class="s2"><b>A powerful left sidebar</b> lets you control all elements and settings in a single panel.</span></li>
<li class="li1"><span class="s2"><b>The settings toolbar</b> is collapsible and super smooth. You can configure them just by switching ON/OFF.</span></li>
<li class="li1"><span class="s2"><b>The live preview section</b> 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.</span></li>
</ul>
<p class="p1"><span class="s1">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.</span></p>
<h2>Elements of the Email Builder</h2>
<h4>Basic elements:</h4>
<ul>
<li><strong>Logo</strong>: add logo, avatar, brand profiles to the Email template</li>
<li><strong>Image</strong>: add an image to the Email template</li>
<li><strong>Button</strong>: add a button, call to action, URL, dynamic shortcode</li>
<li><strong>Text</strong>: add a block of custom text</li>
<li><strong>Title</strong>: add a block of heading and optional subheading</li>
<li><strong>Social Icon</strong>: show social media icons and set their links (Facebook, Linkedin, YouTube, WhatsApp, etc.)</li>
<li><strong>Video</strong>: add a video placeholder, overlay background, custom height and width</li>
<li><strong>Image List</strong>: insert a set of images, custom text, and buttons</li>
<li><strong>Image Box</strong>: add a double-column partition of an image and text</li>
<li><strong>Text List</strong>: add a double-column partition of text elements with a CTA button</li>
<li><strong>HTML</strong>: add raw HTML code to the Email template</li>
</ul>
<p><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" /></p>
<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>
<p><strong>Did you know?</strong> WooCommerce billing and shipping info can also be customized!</p>
<p><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" /></p>
<p class="p1"><span class="s1">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.</span></p>
<h2>Why You Should Use Email Customizer for WooCommerce?</h2>
<p class="p1"><span class="s1">This WooCommerce Email Customizer allows you to customize various aspects to deliver bespoke email templates for your customers. Good-looking emails create a friendly <strong>impression</strong>, make your customers come back to your <strong>brand</strong>, and generate <strong>recurring sales</strong>.</span></p>
<p class="p1"><span class="s1">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.</span></p>
<p><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" /></p>
<p class="p1"><span class="s1">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.</span></p>
<p class="p1"><span class="s1">It is <strong>super easy</strong> to re-design every part of emails:</span></p>
<ul class="ul1">
<li class="li1"><span class="s2">Change the header logo and adjust its size</span></li>
<li class="li1"><span class="s2">Tweak background and text color</span></li>
<li class="li1"><span class="s2">Edit headings</span></li>
<li class="li1"><span class="s2">Multiple columns</span></li>
<li class="li1"><span class="s2">Add the order’s product images</span></li>
<li class="li1"><span class="s2">Add a Call-to-Action button</span></li>
<li>Personalize email content with variables and shortcodes</li>
<li class="li1"><span class="s2">Insert useful links to the email footer</span></li>
<li class="li1"><span class="s2">Save the email sample and send a test email</span></li>
</ul>
<h2>Oh wait, there’s more!</h2>
<p class="p1"><span class="s2">If you want advanced customizability for <strong>extra email templates</strong> in <strong>third-party extensions</strong> like multi-vendor marketplace, subscriptions, membership, or B2B & wholesale suite, make sure to check out <strong>YayMail Addons.</strong></span></p>
<p><strong>Please note</strong>: The following addons are exclusive features <strong>sold by YayCommerce,</strong> and they are <strong>not</strong> included in this Email Customizer.</p>
<ul>
<li>Email Conditional Logic<br />
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>
<p>💪</p>
<p class="p1"><strong><span class="s2">Branding</span></strong><span class="s2"> is important to your store’s growth.</span></p>
<p class="p1"><span class="s2">Create a great impression of your brand via customized emails.</span></p>
<p class="p1"><span class="s2">Check out YayMail Addons today!</span></p>

Email Customizer

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

<p>Want to enhance your WooCommerce follow-up emails?</p>
<p><strong>Email Customizer for AutomateWoo</strong> is a powerful extension that allows WooCommerce merchants to personalize and optimize email marketing campaigns without coding.</p>
<p>With this YayMail Addon plugin, you can easily customize the content, layout, and design of WooCommerce follow-up emails. It offers a WYSIWYG drag-and-drop email builder to make WooCommerce email customization a piece of cake.</p>
<p>One of the key advantages of the YayMail email builder is its ability to <strong>add extra elements</strong> to automated follow-up emails based on customer activities, such as abandoned cart reminders, related products, or product recommendations.</p>
<p>By delivering relevant messages to customers at the right time, you will be able to generate more sales and drive revenue growth.</p>
<h2>Customizing WooCommerce Emails Sent by AutomateWoo Workflows</h2>
<p>With an intuitive drag-and-drop interface, <strong>Email Customizer for AutomateWoo</strong> integrates newly created AutomateWoo workflow emails with YayMail Builder. Then you can fully customize the email templates, including:</p>
<ul>
<li><strong>Content</strong>: Edit text, heading, greetings, order details table, and other information.</li>
<li><strong>Design</strong>: Insert images, logos, banners, videos, etc. The email blocks can have different background colors and designs.</li>
<li><strong>Layout</strong>: Add multiple columns, product grid or email signature.</li>
<li><strong>Extra WooCommerce block</strong>: Add unlimited custom email blocks, and more!</li>
<li><strong>Shortcodes</strong>: It supports all AutomateWoo email <strong>variables</strong> like personalized coupons and abandoned cart reminders.</li>
</ul>
<span class="embed-youtube" style="text-align:center;display: block"></span>
<h2>How to customize AutomateWoo email templates?</h2>
<p>Before you start, be sure to have these plugins installed and activated:</p>
<ul>
<li><a href="https://wordpress.org/plugins/woocommerce/" target="_blank" rel="noopener">WooCommerce</a></li>
<li><a href="https://woocommerce.com/products/automatewoo/" target="_blank" rel="noopener">AutomateWoo</a></li>
<li><a href="https://wordpress.org/plugins/yaymail/" target="_blank" rel="noopener">YayMail Free</a> or <a href="https://woocommerce.com/products/email-customizer-for-woocommerce/" target="_blank" rel="noopener">Email Customizer for WooCommerce Pro</a></li>
<li>Email Customizer for AutomateWoo (this extension)</li>
</ul>
<p><img class="alignnone wp-image-8824010 size-full" src="https://woocommerce.com/wp-content/uploads/2021/11/yaymail-addon-for-automatewoo-screenshot-admin-dashboard-1.png" alt="Activate extensions of Email Customizer for AutomateWoo" width="980" height="613" /></p>
<p>Of course, you should have created automated workflows in your AutomateWoo menu using Triggers, Rules, and Actions within WooCommerce.</p>
<p>Then you will be able to find the email templates by navigating to <strong>YayCommerce → YayMail.</strong></p>
<p>In the email builder interface, please go to <strong>Settings → Enable/Disable Templates</strong> to find all the available email templates. There, you can choose to activate all the templates you want to use.</p>
<p>For each enabled template, a green light indicates it is now in use in the automation workflow of WooCommerce.</p>
<p>At any time, you can send a test email to make sure it looks correct on different email clients and devices.</p>
<h2><strong>Features of Email Customizer for AutomateWoo</strong></h2>
<h3>Email template builder options</h3>
<ul>
<li>Copy an element to another template</li>
<li>Clone a full template to reuse in the current email template</li>
<li>Reset template to the default</li>
<li>Set a header or footer email block as a default to apply to all available templates</li>
<li>Preview selected email templates on different devices</li>
<li>Send test email to your own email address</li>
<li>View actual order details and workflows of your store’s past orders</li>
</ul>
<p><img class="alignnone size-full wp-image-8824042" src="https://woocommerce.com/wp-content/uploads/2021/11/yaymail-addon-for-automatewoo-screenshot-email-templates-1.png" alt="Email template list in Email Customizer for AutomateWoo" width="980" height="613" /></p>
<h3>General settings</h3>
<ul>
<li>Language direction: you can compose emails in left-to-right or right-to-left languages</li>
<li>Container width: resizable widths for the whole email body</li>
<li>Product image: automatically insert any product image with custom position and image sizes</li>
<li>Custom CSS: add your own creative adjustments</li>
<li>Shortcodes: insert personalized content to any emails</li>
</ul>
<p>YayMail gives you more control over how and when to use <a href="https://woocommerce.com/document/email-customizer-for-automatewoo/#section-6" target="_blank" rel="noopener">variables/shortcodes in your emails</a>. Please note that AutomateWoo variables are template-specific, which means that they can only be used in the email templates that they are defined in.</p>
<p><img class="alignnone size-full wp-image-18734002719378" src="https://woocommerce.com/wp-content/uploads/2021/11/Email-Customizer-for-AutomateWoo-variables.png" alt="Email Customizer for AutomateWoo with variables" width="980" height="613" /></p>
<p>Like Gutenberg blocks, you can upload and insert your logo and images quickly to an email body. You can resize it by using the image size slider and adding padding/margin area to the image element.</p>
<p>Adding extra elements like videos, animations, gifs, and rich content is made possible with YayMail.</p>
<p>You can use custom blocks to make the <strong>WooCommerce email templates</strong> stand out, as well as apply colors to text and their backgrounds. You can also embed social media links as brand info to appeal to your readership. These types of customization techniques are extremely easy to do since they are built in the YayMail email editor.</p>
<span class="embed-youtube" style="text-align:center;display: block"></span>
<p>And once you finish the work, you can achieve the look and feel you’ve always wanted for <strong>customizing WooCommerce AutomateWoo email templates</strong>.</p>
<h3>Compatibility</h3>
<p>If you use <strong>Email Customizer for AutomateWoo</strong> in combination with <a href="https://woocommerce.com/products/email-customizer-for-woocommerce/" target="_blank" rel="noopener">Email Customizer for WooCommerce</a>, you will have fully translatable email templates. It supports these WordPress multilingual plugins:</p>
<ul>
<li>WPML & WooCommerce Multilingual with WPML</li>
<li>Polylang</li>
<li>TranslatePress</li>
<li>Weglot</li>
</ul>
<p><img class="alignnone wp-image-18734001629508 size-full" src="https://woocommerce.com/wp-content/uploads/2021/11/YayMail-WooCommerce-Email-Customizer-compatible-with-WPML.jpg" alt="WooCommerce Email Templates by AutomateWoo is compatible with WPML " width="980" height="642" /></p>
<p>Premium integration with multilingual plugins (YayMail Pro only) will allow you to keep a full backup of your email designs and customizations. It’s easy to export all email templates to JSON files and then import them to use in future email campaigns.</p>
<p><img class="alignnone size-full wp-image-18734001629593" src="https://woocommerce.com/wp-content/uploads/2021/11/YayMail-export-all-templates-all-languages-to-JSON.jpg" alt="YayMail export all templates all languages to JSON" width="980" height="646" /></p>
<p><strong>YayMail Pro</strong> also offers an extended history of your email edits. These include the list of recent unsaved editing actions and saved email revisions.</p>
<p><img class="alignnone size-full wp-image-18734001629592" src="https://woocommerce.com/wp-content/uploads/2021/11/Email-Customizer-history-actions-revisions.jpg" alt="Email Customizer history actions revisions" width="980" height="545" /></p>
<p><strong>Requirements</strong></p>
<p>Minimum PHP version: 5.6<br />
Plugins:</p>
<ul>
<li><a href="https://woocommerce.com/products/automatewoo/">AutomateWoo</a></li>
<li><a href="https://wordpress.org/plugins/yaymail/" target="_blank" rel="noopener">YayMail Free</a> or <a href="https://woocommerce.com/products/email-customizer-for-woocommerce/" target="_blank" rel="noopener">YayMail – WooCommerce Email Customizer Pro</a></li>
</ul>
<h2>FAQs on Customizing AutomateWoo Emails</h2>
<div class="wccom-comp-accordion wccom-component wccom-component--is-rendered">
	<details class="wccom-accordion">
		<summary class="wccom-accordion__header" data-tracks="faq_expand" data-tracks-title="Where do I edit AutomateWoo email templates?">
									<h3 class="wccom-accordion__header-title">Where do I edit AutomateWoo email templates?</h3>
			<i class="fa fa-chevron-down wccom-accordion__arrow" aria-hidden="true"></i>
		</summary>
		<div class="wccom-accordion__content">
						<ul><li><p>Once you’ve added a new workflow in AutomateWoo, it will generate a new email with the given name. Now you just go to WordPress admin dashboard → <strong>YayCommerce</strong> → <strong>YayMail</strong> and select that email from the top left dropdown.</p></li></ul>		</div>
	</details>
</div>

<div class="wccom-comp-accordion wccom-component wccom-component--is-rendered">
	<details class="wccom-accordion">
		<summary class="wccom-accordion__header" data-tracks="faq_expand" data-tracks-title="How do I edit an existing AutomateWoo email template?">
									<h3 class="wccom-accordion__header-title">How do I edit an existing AutomateWoo email template?</h3>
			<i class="fa fa-chevron-down wccom-accordion__arrow" aria-hidden="true"></i>
		</summary>
		<div class="wccom-accordion__content">
						<ul><li><p>All existing AutomateWoo emails will be quickly synchronized into YayMail email builder. If you think there are some emails missing, just contact us and we’ll troubleshoot the issue.</p></li></ul>		</div>
	</details>
</div>

<div class="wccom-comp-accordion wccom-component wccom-component--is-rendered">
	<details class="wccom-accordion">
		<summary class="wccom-accordion__header" data-tracks="faq_expand" data-tracks-title="Where are the WooCommerce email template files?">
									<h3 class="wccom-accordion__header-title">Where are the WooCommerce email template files?</h3>
			<i class="fa fa-chevron-down wccom-accordion__arrow" aria-hidden="true"></i>
		</summary>
		<div class="wccom-accordion__content">
						<ul><li><p>If you enable a WooCommerce email template in YayMail, the email template designed by YayMail will override the default AutomateWoo email. So you don’t need to modify it in your child theme templates or theme directory files.</p></li></ul>		</div>
	</details>
</div>

<div class="wccom-comp-accordion wccom-component wccom-component--is-rendered">
	<details class="wccom-accordion">
		<summary class="wccom-accordion__header" data-tracks="faq_expand" data-tracks-title="Can I use AutomateWoo variables in the YayMail editor?">
									<h3 class="wccom-accordion__header-title">Can I use AutomateWoo variables in the YayMail editor?</h3>
			<i class="fa fa-chevron-down wccom-accordion__arrow" aria-hidden="true"></i>
		</summary>
		<div class="wccom-accordion__content">
						<ul><li><p>Yes, you can insert AutomateWoo variables into the email blocks. When your workflow runs and sends out emails, it will automatically display the values of those variables according to the recipient information. Please note that these variables are template-specific, so please make sure you copy/paste the variables supported in each email template.</p></li></ul>		</div>
	</details>
</div>

Email Customizer for AutomateWoo

<p>Customize AutomateWoo custom workflow emails using YayMail – WooCommerce Email Customizer</p>

Email Customizer vs Email Customizer for AutomateWoo