{"id":2385,"date":"2022-05-16T19:08:27","date_gmt":"2022-05-16T19:08:27","guid":{"rendered":"https:\/\/www.gossdhosting.com\/blog\/?p=2385"},"modified":"2024-03-08T10:20:11","modified_gmt":"2024-03-08T10:20:11","slug":"how-to-customize-woocommerce-emails","status":"publish","type":"post","link":"https:\/\/www.gossdhosting.com\/blog\/general\/how-to-customize-woocommerce-emails\/","title":{"rendered":"How to Customize WooCommerce Emails"},"content":{"rendered":"<p>Did you know that over 40% of all online stores are powered by WooCommerce? It\u2019s currently the most popular choice among all eCommerce platforms.<\/p>\n<p>There are hundreds of features available to you when building an online store using WooCommerce. One of them is the ability to set up automatic emails. They allow you to notify your customers when their order is being processed or completed by using unique and branded templates. Even the popular lead generation companies use WooCommerce emails to establish a better relationship with the customers and maximize their marketing efforts.<\/p>\n<p>In this article, we will cover how you can customize WooCommerce emails on your own using different methods. Some are pretty simple, and you don\u2019t need any coding knowledge to successfully change an existing template. Others are a bit more advanced, but we\u2019ll try to explain them step by step.<\/p>\n<p>We\u2019ll start by explaining how to customize emails using WooCommerce settings. Then, we\u2019ll provide you with some useful plugins used for email customization. Finally, you\u2019ll find out how you can modify an email template with code.<\/p>\n<p style=\"text-align: center;\">Read the latest<strong> <a href=\"https:\/\/www.telanganatribune.com\" target=\"_blank\" rel=\"noopener\">Telangana News<\/a> <\/strong>online.<\/p>\n<h3>1. Customizing emails with WooCommerce settings<\/h3>\n<p>This is the simplest way to customize WooCommerce emails. The first thing you should do is log into your WordPress dashboard and choose WooCommerce \u2192 Settings from the menu on the left. After the Settings window has opened, click on the Email section from the top bar.<\/p>\n<p>You\u2019ll then be presented with several templates.<\/p>\n<p>For starters, you can customize a <strong>Welcome <\/strong>email template that users receive when they create an account or the template of an email they get when requesting a new password. You can also customize the <strong>Order Processing <\/strong>template which the customers receive after completing the payment. The <strong>Order On-Hold<\/strong> emails are sent when an order is placed on hold, while the <strong>Order Completed <\/strong>emails are sent when an order has been shipped.<\/p>\n<p>If you look to the right, you\u2019ll see the Manage button you can click on and customize each of these templates by adding the email subject line, heading, type, and content. You\u2019re also able to personalize these emails with variables, such {customer_name}, {item_names}, or {order_date} if you install the WooCommerce Follow-ups extension.<\/p>\n<p>The design of the email can also be changed to a certain extent. To do that, scroll below the list of the templates and you\u2019ll see global customization options. Keep in mind that you can\u2019t customize your email templates differently.<\/p>\n<p>You can modify the <strong>header image <\/strong>and upload your company\u2019s logo or other brand graphics at the top. <strong>Footer text<\/strong> is a great place to include more information about the company, such as a link to your website and contact information.<\/p>\n<p>You can change the <strong>base color<\/strong> (the color of headings, links, and the background of your email title), <strong>background-color<\/strong> (the color of the email background), <strong>body background color<\/strong>, and <strong>body text color<\/strong>.<\/p>\n<p>When you\u2019re done customizing your email templates, you can preview the templates by clicking the Preview button.<\/p>\n<p>As you can see, customizing your emails on a basic level isn\u2019t difficult at all. If you don\u2019t want to invest too much time on money into your email campaign, these tweaks will do just fine.<\/p>\n<h3>2. Customizing WooCommerce emails with plugins<\/h3>\n<p>WooCommerce has a lot of plugins you can use to customize your emails. Let\u2019s go over some of the popular ones:<\/p>\n<h4>Email Customizer for WooCommerce by Themehigh<\/h4>\n<p>Unlike the built-in WooCommerce editor, this one is a visual template editor, which means it\u2019s a bit more user-friendly. All the changes you make can be seen in real-time. You can choose over 15 different elements, such as text, images, GIFs, social media icons, and multimedia. It\u2019s also possible to add dynamic subject lines &amp; content by using placeholders.<\/p>\n<p>This plugin is available for free, but you can upgrade to a premium version. Since it\u2019s compatible with most WooCommerce plugins, you\u2019ve got nothing to lose by installing it and trying it out.<\/p>\n<h4>YayMail<\/h4>\n<p>This plugin by YayCommerce has extensive options in terms of email customization. The free version alone includes 11 standard email templates. It\u2019s very intuitive and has a drag &amp; drop interface with a live preview.<\/p>\n<p>You can add a logo, different buttons, text, icons, video, image list, image box, text list, columns, dividers, shipping and billing address, order items, and more. There are also a lot of options regarding shortcodes, variables, placeholders, and personalized content.<\/p>\n<p>The Pro version offers even more customization on background colors, fonts, paddings, gift cards, and such. It even has a \u201cBack in Stock\u201d template you can send to those that haven\u2019t purchased it because the product wasn\u2019t available at the time.<\/p>\n<h4>YITH WooCommerce Email Templates<\/h4>\n<p>Like the previous plugins we mentioned, YITH allows you to incorporate branded details like logos, headers, footers, social icons, and more. There are four different layouts available with the option to choose a different footer for each template. You can, of course, see the preview of the template and include social media sites.<\/p>\n<p>This plugin is fully compatible with all their other plugins.<\/p>\n<p><strong><br \/>Drag and Drop Email Customizer by Flycart<\/strong><\/p>\n<p>This plugin includes the drag &amp; drop option, which is more efficient than manually customizing your templates on the WooCommerce menu. As soon as you install and activate the plugin, you can add a logo, images, editable text boxes, social icons, clickable URL buttons, etc.<\/p>\n<p>You can edit the content by dragging the elements from the left into the blank area of the document. Once you\u2019re done, you can send a test email to make sure everything is going according to plan.<\/p>\n<h4>MailPoet<\/h4>\n<p>MailPoet is yet another great tool you can use to customize a WooCommerce email. Aside from including options like drag and drop, this plugin can also be used as a marketing tool.<\/p>\n<p>If you want to customize your email template, start by installing the extension in WooCommerce. Then go to Settings \u2192 WooCommerce and select MailPoet. The next thing you should do is open Template Editor and use the drag-and-drop editor to make the changes.<\/p>\n<p>Keep in mind that you can\u2019t make changes to the templates individually. Whatever you do applies to all WooCommerce emails.<\/p>\n<p>As for the options, you can add your logo to the top, change the colors, include images and illustrations, and add a button leading to other content, instruction manuals, or support forums.<\/p>\n<p>It also allows you to send email newsletters with updates, discounts, and product recommendations, or target the users who have abandoned their cart without completing the order. Since MailPoet allows you to segment your customers, you can craft different emails to target a specific part of your audience.<\/p>\n<h3>3. Customizing WooCommerce emails by modifying the code<\/h3>\n<p>Finally, you can customize a WooCommerce email by accessing its code and altering it. This method is the most complicated one because it requires you to have at least some knowledge of coding languages, especially PHP.<\/p>\n<p>The first thing you should know is that each transactional email is made up of multiple templates you can edit separately.<\/p>\n<p>For instance, there are PHP files named email-header.php or email-footer.php. So, if you wanted to make edits to the header or footer, you\u2019d edit these two files. You can also make edits to a specific template, like the customer-completed-order.php.<\/p>\n<p>To start editing, you need to create a child theme. To do that, go to the wp-content\/plugins\/woocommerce\/templates\/emails and download the PHP file you want to edit. For example, if you wanted to make changes to the font color, you\u2019d download email-styles.php. You then need to upload the file to your theme folder. If our child theme was named \u201cBestCommander\u201d, for instance, you\u2019d upload it to bestcommander\/woocommerce\/emails\/email-styles.php.<\/p>\n<p>If you\u2019re unsure of the location of these files, you can easily check that by entering the email settings and selecting the template you want to change. Once you scroll down, you\u2019ll see a section called \u201cHTML Template\u201d with the instruction.<\/p>\n<p>Also, in some cases, you\u2019ll notice some of the folders are missing, such as an \u201cemail\u201d folder. If that happens, all you need to do is create the folder.<\/p>\n<p>When you\u2019re done with that, you can open the file in the child theme and edit it. You mustn\u2019t make any changes to the parent theme because you risk losing them each time WooCommerce makes updates.<\/p>\n<p>Once again, you\u2019ll need at least some knowledge of coding to alter the file and make changes to the theme. If you\u2019re not feeling confident about your coding skills, it\u2019s best to let a WordPress administrator do this for you.<\/p>\n<h4>Wrapping up<\/h4>\n<p>As you can tell, there are many ways you can customize WooCommerce emails. You don\u2019t need to be a coding expert to make the changes and create professional-looking emails. The best way to learn is to play around with the plugins and the editor. You\u2019ll be surprised at what you can do without even accessing the code.<\/p>\n<p><strong>Author bio<br \/><\/strong> <br \/>Melissa Gray is a freelance writer and an organizational psychologist. Her focus is primarily on marketing and new digital trends across the world. She is also a passionate gamer, with a special interest in narrative design. She writes for <a href=\"https:\/\/www.digitalstrategyone.com\/blog\/\" target=\"_blank\" rel=\"noopener\">Digital Strategy One<\/a>.\u00a0<\/p>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Did you know that over 40% of all online stores are powered by WooCommerce? It&rsquo;s currently the most popular choice among all eCommerce platforms. There are hundreds of features available to you when building an online store using WooCommerce. One of them is the ability to set up automatic emails. They allow you to notify [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2386,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[3],"tags":[193,192,46],"class_list":["post-2385","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general","tag-email","tag-woocommerce","tag-wordpress"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.gossdhosting.com\/blog\/wp-content\/uploads\/2022\/05\/word-image.jpeg?fit=2048%2C1379&ssl=1","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gossdhosting.com\/blog\/wp-json\/wp\/v2\/posts\/2385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gossdhosting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gossdhosting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gossdhosting.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gossdhosting.com\/blog\/wp-json\/wp\/v2\/comments?post=2385"}],"version-history":[{"count":1,"href":"https:\/\/www.gossdhosting.com\/blog\/wp-json\/wp\/v2\/posts\/2385\/revisions"}],"predecessor-version":[{"id":4527,"href":"https:\/\/www.gossdhosting.com\/blog\/wp-json\/wp\/v2\/posts\/2385\/revisions\/4527"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gossdhosting.com\/blog\/wp-json\/wp\/v2\/media\/2386"}],"wp:attachment":[{"href":"https:\/\/www.gossdhosting.com\/blog\/wp-json\/wp\/v2\/media?parent=2385"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gossdhosting.com\/blog\/wp-json\/wp\/v2\/categories?post=2385"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gossdhosting.com\/blog\/wp-json\/wp\/v2\/tags?post=2385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}