<p>Email Customizer and Designer For WooCommerce allows you to easily build and customize emails without hassle.</p>
<hr class="wccom-product-single__section-hr">
<div class="wccom-product-single__main--content">
<h2>Features</h2>
<div class="wccom-bundle-section">
<div class="wccom-bundle-section-container">
<div class="wccom-bundle-section-content wccom-bundle-section-left">
<h3>Drag and drop template customizer</h3>
<p>WooCommerce email template customization is made easy with a drag-and-drop template customizer and requires no coding skills.</p>
</div>
<div class="wccom-bundle-section-image"><img src="https://woocommerce.com/wp-content/uploads/2024/09/Drag-and-drop-template-customizer.png?strip=all&w=900" alt="Drag and drop template customizer"></div>
</div>
</div>
<div class="wccom-bundle-section">
<div class="wccom-bundle-section-container">
<div class="wccom-bundle-section-content wccom-bundle-section-right">
<h3>20+ default email templates</h3>
<p>This extension allows you to design email templates according to your preferences. You can choose from 20+ default email templates with real-time previews to test the changes made.</p>
</div>
<div class="wccom-bundle-section-image"><img src="https://woocommerce.com/wp-content/uploads/2024/09/20-default-email-templates.png?strip=all&w=900" alt="imagealt"></div>
</div>
</div>
<div class="wccom-bundle-section">
<div class="wccom-bundle-section-container">
<div class="wccom-bundle-section-content wccom-bundle-section-left">
<h3>Add multiple columns and unlimited rows to the template</h3>
<p>You can design your email template without the help of a designer. Add up to five columns, unlimited rows, or increase the email template size as you wish.</p>
</div>
<div class="wccom-bundle-section-image"><img src="https://woocommerce.com/wp-content/uploads/2024/09/Add-multiple-columns-and-unlimited-rows-to-the-template.png?strip=all&w=900" alt="Add multiple columns and unlimited rows to the template"></div>
</div>
</div>
<div class="wccom-bundle-section">
<div class="wccom-bundle-section-container">
<div class="wccom-bundle-section-content wccom-bundle-section-right">
<h3>Realtime previews</h3>
<p>You get real-time previews of every update that you make on the template. Before customizing a template, you can get a preview of that template right from the home page.</p>
</div>
<div class="wccom-bundle-section-image"><img src="https://woocommerce.com/wp-content/uploads/2024/09/Realtime-previews.png?strip=all&w=900" alt="Realtime previews"></div>
</div>
</div>
<div class="wccom-bundle-section">
<div class="wccom-bundle-section-container">
<div class="wccom-bundle-section-content wccom-bundle-section-left">
<h3>Test mail support</h3>
<p>The test mail support feature allows you to test the email on all devices and identify any potential issues before sending it to the customer.</p>
</div>
<div class="wccom-bundle-section-image"><img src="https://woocommerce.com/wp-content/uploads/2024/09/Test-mail-support.png?strip=all&w=900" alt="Test mail support"></div>
</div>
</div>
<div class="wccom-bundle-section">
<div class="wccom-bundle-section-container">
<div class="wccom-bundle-section-content wccom-bundle-section-right">
<h3>Dynamic placeholders</h3>
<p>The extension includes dynamic placeholders, which can be added to the template to be replaced with user info and other details.</p>
</div>
<div class="wccom-bundle-section-image"><img src="https://woocommerce.com/wp-content/uploads/2024/09/Dynamic-placeholders-.png?strip=all&w=900" alt="Dynamic placeholders"></div>
</div>
</div>
<div class="wccom-bundle-section">
<div class="wccom-bundle-section-container">
<div class="wccom-bundle-section-content wccom-bundle-section-left">
<h3>WPML compatibility and LTR and RTL support</h3>
<p>This extension is compatible with WPML, which helps with automatic translation. It also supports the direction shift from LTR to RTF for language switch.</p>
</div>
<div class="wccom-bundle-section-image"><img src="https://woocommerce.com/wp-content/uploads/2024/09/WPML-compatibility.png?strip=all&w=900" alt="WPML compatibility and LTR and RTL support"></div>
</div>
</div>
<div class="wccom-bundle-section">
<div class="wccom-bundle-section-container">
<div class="wccom-bundle-section-content wccom-bundle-section-right">
<h3>Compatibility with other WooCommerce extensions</h3>
<p>This extension is currently compatible with several other WooCommerce extensions, such as:</p>
<ul>
<li>Checkout Field Editor and Product Addons for WooCommerce.</li>
<li>Order Status Manager by SkyVerge Emails</li>
<li>YITH WooCommerce Custom Order Status Emails</li>
<li>WooCommerce Subscriptions Emails</li>
<li>Acowebs Deposits & Partial Payments for WooCommerce</li>
</ul>
</div>
<div class="wccom-bundle-section-image"><img src="https://woocommerce.com/wp-content/uploads/2024/09/Compatibility-with-other-WooCommerce-plugins.png?strip=all&w=900" alt="Compatibility with other WooCommerce plugins"></div>
</div>
</div>
<div class="wccom-bundle-section">
<div class="wccom-bundle-section-container">
<div class="wccom-bundle-section-content wccom-bundle-section-left">
<h3>WooCommerce hooks</h3>
<p>Various WooCommerce hooks — such as email order details, customer details, Email header, before-order table, after-order table, Order meta, email footer, and subscriptions order details — can be added to the template as required.</p>
</div>
<div class="wccom-bundle-section-image"><img src="https://woocommerce.com/wp-content/uploads/2024/09/WooCommerce-hooks.png?strip=all&w=900" alt="WooCommerce hooks"></div>
</div>
</div>
<div class="wccom-bundle-section">
<div class="wccom-bundle-section-container">
<div class="wccom-bundle-section-content wccom-bundle-section-right">
<h3>Basic elements and WooCommerce elements</h3>
<p>All basic elements like text, images, GIFs, dividers, social icons, buttons, and WooCommerce elements, such as customer and order details, billing address, shipping address, and payment methods, are available.</p>
</div>
<div class="wccom-bundle-section-image"><img src="https://woocommerce.com/wp-content/uploads/2024/09/Basic-elements-and-WooCommerce-elements.png?strip=all&w=900" alt="Basic elements and WooCommerce elements"></div>
</div>
</div>
</div>
<hr class="wccom-product-single__section-hr">
<h3>How to boost sales with Email Customizer and Designer for WooCommerce</h3>
<ul class="wccom-tick-list-primary">
<li>Customize your WooCommerce emails to reflect your brand identity, enhancing customer trust and boosting sales.</li>
<li>Add product recommendations in your email to encourage customers to make additional purchases.</li>
<li>Include coupon codes in the completed order emails, new customer emails or personalised emails to encourage the customer to make more purchases from the site.</li>
<li>After product purchase, include blog posts related to the product in the confirmation email.</li>
<li>Add social media icons in your emails and link them to your pages to boost customer engagement.</li>
<li>Personalize your emails with images and gifs to align the email content with your brand tone.</li>
</ul>
<p>A custom-tailored WooCommerce email can benefit your brand by boosting sales and establishing connections. With the best WooCommerce Email Customizer and Designer extension from Acowebs, you can design and build custom emails that reflect your brand identity and tone. Start your email personalization now!</p>

Email Customizer and Designer

<p>Create custom emails with an easy drag-and-drop email customizer and builder.</p>

<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>

Email Customizer and Designer vs Email Customizer