How to Preview and Test Your WooCommerce Emails

How to Preview and Test Your WooCommerce Emails

Do you want to do a WooCommerce email preview before sending them out? If you are looking for a step-by-step method, keep reading this article!

While handling a WooCommerce store, you must run multiple tests to optimize it for the maximum conversion rates. You can set up upselling, BOGO deals, or similar campaigns to boost sales, product visibility, and conversions.

But have you ever thought about optimizing the WooCommerce emails before sending them out?

If you haven’t, no worries.

This article will cover why WooCommerce emails are important, how to preview them before sending them out, and how to tweak the WooCommerce emails. If you are here for a definitive guide, keep reading this post.

But before diving deep into the article, let’s see why you need to preview your emails before sending them out.

Why Do You Need to Preview and Test Your WooCommerce Emails?

By default, WooCommerce doesn’t have an option to view the email template. If you check the WooCommerce settings, they have multiple email templates.

WooCommerce email settings

To modify the contents, you only need to click the Manage button.

manage email

On the new page, you can see all the available configuration options.

new email options

As you can see in the screenshot, there are not many customization options. WooCommerce comes with basic customization features that will allow you to

  • Modify the recipients
  • Modify the subject
  • Modify the email heading
  • Add additional content
  • Change the email type

There is no option to preview the email. You can only see the email template when you order a test product.

When running a customer-centric business like a WooCommerce store, optimizing the emails is mandatory. You can match the email templates with your brand colors, add a custom logo, and add more products to boost sales with some customization.

Also, to ensure the emails look good on every screen size, you should preview them.

Now you know why previewing and modifying the email templates are good. Next, let’s see how to preview and test the WooCommerce emails.

How to Preview and Test Your WooCommerce Emails

To preview and test the WooCommerce emails, you need to use YayMail.

YayMail is a freemium WordPress plugin that will help you tweak the WooCommerce emails without hassle. The plugin has a drag-and-drop wizard to add/remove elements to the template.

The plugin will also allow you to customize every email template on your WooCommerce store. For this tutorial, we will be using the premium version of YayMail. You can get it from here.

Once you have purchased the plugin, activate it with the unique license key. After that, you are good to go. On the left-hand side of the WordPress dashboard, you will see the YayMail settings.

yaymail settings

Once you have opened it, you will be redirected to the YayMail builder.

yaymail builder

Let’s see how to preview the emails correctly.

1. How to Preview WooCommerce Emails

If you need to switch email templates, use the dropdown feature on the top-left-hand side.

all email templates - woocommerce email preview

As you can see in the screenshot, you can modify templates like:

  • New order
  • Cancelled order
  • Failed order
  • Order on-hold
  • Processing order
  • Completed order

And so on, using this wizard.
In this case, we will use the Completed Order email template for this demo. You will see the preview of the email on the right-hand side. The left-hand side will show you elements you can use on the email template.

completed order template

In this case, we have already customized the email template using the YayMail builder. Once you have done that, you can see a preview button on the builder’s top right-hand side.

preview woocommerce email

If you have clicked on that button, you can see the live preview of the email on a pop-up.

preview email

This will be the same template your customer will see after placing an order. You can also switch between desktop and mobile views from the same wizard.

switch preview

This way, you can preview the WooCommerce emails.

2. How to Test WooCommerce Emails

Next, let’s see how to test them. Thankfully, YayMail got this feature too.

You will see an option to send a test email on the top bar.

send test email

Enter the target email address and send the test email.

send test email

You will see the email in your inbox if you have correctly configured SMTP. In this case, we are using a local WordPress environment, and it comes with built-in email hosting.

Here’s the test email we have received.

sample email

That’s it!

This is how you can do a WooCommerce email preview and test your WooCommerce emails.


WooCommerce emails are super important. When sending them out to customers, ensure they reflect your brand. This way, you can improve the user experience and brand awareness. There is no way to use WooCommerce for the customization process.

But with a plugin like YayMail, you can take the WooCommerce emails to the next level. As you can see in this article, you do not need to deal with any coding to tweak the email template. Plus, you can perform a WooCommerce email preview from the email editor and check what the user will see when the server sends the order info.

It is one of the best tools available for WooCommerce email customization.

Do you know any other method to optimize the WooCommerce emails?

Let us know in the comments!

Sreehari P Raju
Sreehari P Raju

Sreehari P Raju is a freelance WordPress content writer. He started using WordPress in 2015 and loves writing tutorials, product reviews, and listicles. While not working, he loves playing Minecraft or eating KFC.

Related Posts
Leave a Reply

Your email address will not be published.Required fields are marked *