How to customize WooCommerce Order Emails?

WooCommerce
How to customize WooCommerce Order Emails?

In this guide, you will learn how to customize the WooCommerce Order Confirmation emails that you send to your customers.

If you are looking for a no coding solution I recommend using AutomateWoo. I recently created an updated video on how to set this up with AutomateWoo!

Let’s jump into it!

Step 1: Edit the Settings of the Confirmation Email

Go to WooCommerce > Settings > Emails tab.

Then, scroll down until you find the Email labeled Processing order and click Manage.

From the Processing order page, you can easily customize certain text of the email. This includes:

  • Subject
  • Email heading
  • Additional content

If you make any changes to these fields, you should issue a test order. You will then see these changes reflected in the Confirmation Email that is sent.

If this is all you want to change about the Confirmation Email, you are done. But if you would like to add a block of text within the body of the email, it gets more complicated and you need to proceed to Step 2.

Step 2: Make Changes to Your Theme (Optional)

If you want to add a block of text somewhere within the Order Confirmation email, you will need to make changes to your theme. On the Processing order page, under HTML template, WooCommerce will tell you that you need to copy the email template file woocommerce/templates/emails/customer-processing-order.php to the specified theme folder and make changes to the file there.

To do this, you will need to use FileZilla or another program that will allow you to manipulate and edit files on your web server. Using this program, first download woocommerce/templates/emails/customer-processing-order.php to your desktop. Then, upload this file to the path specified under HTML template. In our case, because our site is called “sgpartners,” we needed to upload the file to sgpartners/woocommerce/emails/customer-processing-order.php

Note: If the folder specified under HTML template doesn’t exist, you will need to create it. In our case, there was no emails folder. So, underneath the sgpartners/woocommerce folder we had to create the emails folder. In your case, you may also have to create the woocommerce folder as well. If you are not comfortable with manipulating and editing HTML files on your web server, you may want to assign this task to someone who is, such as a WordPress administrator.

Once you have uploaded customer-processing-order.php to the theme folder, you need to edit this file using a text editor. There you will add the text that you want to display in the email. For example, say you wanted to inform your customers that you are experiencing shipping delays. Underneath the HTML code that acknowledges the receipt of the order, you could add the following:

Note: we are currently experiencing shipping delays for up to 3-5 additional days. Thank you for your patience.

You can also format this text anyway you’d like, such as changing the font style.

After you have made all the changes to the email, save this file. You should also issue a test order to make certain that WooCommerce is producing the Confirmation Email the way that you’d like. You may have to go through multiple rounds of editing before you get it exactly right.

Video Tutorial

If you are more of a visual learner, feel free to instead follow along with my video tutorial below, where I outline everything described below.

Leave a reply

Comment policy: We love comments and appreciate the time that readers spend to share ideas and give feedback. However, all comments are manually moderated and those deemed to be spam or solely promotional will be deleted. Your email address will not be published. Required fields are marked*

Comments

  1. Thuy N. October 4, 2021 | 12:25 am

    Hi there, wondering if you guys can add one more method that gets the job done without coding? Keen to hear your thoughts. Best regards.

    • Simon Gondeck October 5, 2021 | 11:44 pm

      Hey Thuy! A lot of people had this question on how to do this without coding. I just created a video that goes over how to do this with AutomateWoo. Check it out: https://youtu.be/0sgozz9IXAU

    • Simon Gondeck October 5, 2021 | 11:51 pm

      I also added the video to the top of this blog post. Cheers!

  2. Sam March 9, 2021 | 7:08 pm

    I have trouble adding a column and putting the total items from the order

    • Simon Gondeck September 30, 2021 | 10:08 pm

      Hey Sam! To add a column you would edit the email-order-details.php file. You have to make a copy of this file from the WooCommerce plugin (wp-content/plugins/woocommerce/templates/emails/email-order-details.php). Then upload it to your theme (wp-content/themes/your-theme/woocommerce/emails/email-order-details.php). Edit the email-order-details.php file in your theme to make changes.

FAQ

How to edit the WooCommerce order emails without coding?

Use the AutomateWoo plugin that makes it super easy to customize every order confirmation email. Don’t believe me? Check it the video below where I outline how to set everything up!

If I use a child-theme, do I add the 'woocommerce/emails' directory there?

Go to “yourtheme-child” > add a “woocommerce” folder, add a “emails” folder inside the “woocommerce folder. The path would look something like this: /wp-content/themes/yourtheme-child/woocommerce/emails/customer-processing-order.php.

Why WooCommerce won't send order notifications?

1. Do you have your order confirmation emails enabled? To find out, navigate to the following: WordPress Dashboard > WooCommerce > Settings > Emails > Click “New Order” > and make sure that the “Enable this email notification” box is checked.

2. Another idea is that your order confirmation email notifications may be sending, but are going to spam. Do you have an external SMTP such as Postmark/Mailgun/Sendgrid to send your emails?