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

<div class="woo-sc-box normal  info ">
<p>Note: <strong>AutomateWoo Refer A Friend</strong> requires <a href="https://woocommerce.com/products/automatewoo/">AutomateWoo</a> to be installed and active on your store.</p>
</div>
<h2><strong>Boost your organic sales by adding a customer referral program to your WooCommerce store.</strong></h2>
<p>Adding a referral program to your WooCommerce store is a great way to increase your word-of-mouth sales and numerous studies show that people trust recommendations from people they know.</p>
<p>With AutomateWoo Refer A Friend you can quickly set up a referral program that is customized for your store.</p>
<p>Run a ‘coupon based’ campaign where advocates can share a unique coupon, giving the friend a discount and the advocate store credit for each successful referral. If you don’t wish to offer coupon discounts you can run purely ‘link based’ campaigns where advocates can refer their friends by sharing a unique link to your store.</p>
<h2>Why Use Refer A Friend?</h2>
<h3>Effortless Referral Management</h3>
<p>Easily create and manage a WooCommerce customer referral program all from your WordPress admin area. You can choose between either an automatic or manual referral approval process. Selecting automatic approval means that any referral that does not appear to be fraudulent will be automatically approved once its corresponding order is marked as complete.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2019/10/referrals-listing.png"><img class="size-medium wp-image-4874122 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/referrals-listing.png?w=620" alt="" width="620" height="382" /></a></p>
<h3>Intuitive Referral Process</h3>
<p>The customer referral process is easy and flexible for advocates, allowing sharing via Email, Facebook, Twitter and WhatsApp.</p>
<p>For the advocate’s friend the process is just as simple, all they need to do it use a coupon to gain their referral discount.</p>
<figure id="attachment_4917272" aria-describedby="caption-attachment-4917272" style="width: 620px" class="wp-caption aligncenter"><img class="wp-image-4917272 size-medium" src="https://woocommerce.com/wp-content/uploads/2019/10/automatewoo-refer-a-friend-page.png?w=620" alt="WooCommerce customer referral page" width="620" height="443" /><figcaption id="caption-attachment-4917272" class="wp-caption-text">Full Share Page – Screenshot taken using the Storefront theme</figcaption></figure>
<figure id="attachment_4874132" aria-describedby="caption-attachment-4874132" style="width: 620px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2019/10/referral-email.png"><img class="size-medium wp-image-4874132" src="https://woocommerce.com/wp-content/uploads/2019/10/referral-email.png?w=620" alt="" width="620" height="578" /></a><figcaption id="caption-attachment-4874132" class="wp-caption-text">Share Email Default Template</figcaption></figure>
<h3>Post-Purchase Widgets</h3>
<p>Encourage referral sharing by including the post-purchase share widget on the order confirmation page and by creating order follow-up emails using the email version of the widget.</p>
<figure id="attachment_4874126" aria-describedby="caption-attachment-4874126" style="width: 620px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2019/10/widget.png"><img class="wp-image-4874126 size-medium" src="https://woocommerce.com/wp-content/uploads/2019/10/widget.png?w=620" alt="" width="620" height="247" /></a><figcaption id="caption-attachment-4874126" class="wp-caption-text">Order Confirmation Widget – Screenshot taken using the Storefront theme</figcaption></figure>
<p> </p>
<figure id="attachment_4874128" aria-describedby="caption-attachment-4874128" style="width: 543px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2019/10/email-widget.png"><img class="size-medium wp-image-4874128" src="https://woocommerce.com/wp-content/uploads/2019/10/email-widget.png?w=543" alt="" width="543" height="368" /></a><figcaption id="caption-attachment-4874128" class="wp-caption-text">Email Share Widget</figcaption></figure>
<h3>Fraud Prevention</h3>
<p>It’s important for your customer referral program to include fraud prevention methods. Our WooCommerce Refer A Friend add-on has a few fraud rules out of the box:</p>
<ul>
<li><strong>Advocate IP address matches that of the customer</strong> – The referral will be marked as potentially fraudulent and will be blocked from auto-approval. Matching IP addresses don’t always mean that the referral is fraudulent as your store could be shared among co-workers who use the same IP address.</li>
<li><strong>Matching cookies</strong> – A cookie is placed in the advocates browser and if present they will not be able to use a referral coupon. If there is a match the coupon cannot be used.</li>
<li><strong>Matching emails</strong> – When attempting to use a referral coupon the billing email is checked against any previous orders. If there is a match the coupon cannot be used.</li>
</ul>
<p><a href="https://woocommerce.com/wp-content/uploads/2019/10/referrals-detail.png"><img class="size-medium wp-image-4874135 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/referrals-detail.png?w=620" alt="" width="620" height="395" /></a></p>
<h3>Reporting</h3>
<p>Evaluate the success of your customer referral program by using reports that show the number of referral orders placed.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2019/10/report.png"><img class="size-medium wp-image-4874137 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/report.png?w=620" alt="" width="620" height="453" /></a></p>
<h3>Advocates Accounts Tab</h3>
<p>Advocates can view their successful referrals from their account area.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2019/10/accounts-page.png"><img class="size-medium wp-image-4874138 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/accounts-page.png?w=620" alt="" width="620" height="361" /></a></p>
<h3>Workflows Integration</h3>
<p>The Refer A Friend add-on integrates with AutomateWoo workflows adding new triggers and variables. This lets you set up automation for your customer referral program and also gives you complete control over any email notifications that you want to be sent to admins or advocates.</p>
<p><a href="https://woocommerce.com/wp-content/uploads/2019/10/workflow.png"><img class="size-medium wp-image-4874139 aligncenter" src="https://woocommerce.com/wp-content/uploads/2019/10/workflow.png?w=620" alt="" width="620" height="471" /></a></p>

AutomateWoo – Refer A Friend add-on

<p>Boost your organic sales by adding a customer referral program to your WooCommerce store.</p>

Email Customizer vs AutomateWoo – Refer A Friend add-on