How to Customize WooCommerce Emails?

How to Customize WooCommerce Emails?

Transactional emails are a part of your WooCommerce store and they act as advocates of your brand outside your store. Your customers are more likely to see these emails than several customizations that you have done on your website. So rather than single-handedly focusing all your potential on your website, dedicating some energy and time to branding your transactional emails can help in the long run.

Alienating such emails and sticking to the generic template that WooCommerce offers you is a waste of potential marketing space.

Transactional emails are a key part of the ordering process. These emails notify the customers of the order status and provide other important information such as store policies and returns. These key pieces of information help to build brand trust in your customers and are opportunities to create a loyal customer base.

Moreover, the open rate of your transactional emails is about two to three times more than that of the other WooCommerce marketing emails. This means that branding your WooCommerce transactional emails can have a highly positive impact on your store.

Why should I customize WooCommerce emails?

Transactional or order-related emails are the point of communication between you and your customers once they exit your site. Professional-looking and theme-consistent emails reflect the tailor-made brand personality that you have created in your store. This helps to keep the channel of trust between you and your customers open. It also helps to improve your customer experience.

Moreso, customizations are perfect opportunities to convey relevant information regarding your site such as related products and coupon codes to your customers. This can even lead to additional purchases.

Default WooCommerce email types

WooCommerce inherently offers you several default email types that are automatically sent out to either the website owner and/or customers. It includes:

  • New order: To notify the store admin that a new order has been placed.
  • Canceled order: To notify the store admin that an order has been canceled.
  • Failed order: To notify the store admin that an order has failed.
  • Order on-hold: When the status of an order is changed to ‘On-Hold’, an email will be sent to the customer.
  • Processing order: When the payment is completed, an email containing the order details will be sent to the customer.
  • Completed order: When the order is shipped, this email containing the order details will be sent to the customer.
  • Refunded order: Notifies customers that the order has been refunded.
  • Customer invoice/order details: An email containing the order details and payment links will be sent to the customer.
  • Customer note: When the store owner adds a note to the order, an email will be sent to the customer.
  • Reset password: Sends a password reset email to the customer upon password reset request.
  • New account: Sends an email to the customer upon creating a new account.

The plugins that you additionally add to your WooCommerce store may add other email templates to this list.

How can I personalize standard WooCommerce transactional emails?

You can customize WooCommerce email templates either using the built-in email settings in your WordPress dashboard or with a WooCommerce email customizer plugin.

Since the customizations that can be done with the email settings in WooCommerce are extremely limited, opting for a plugin is the feasible choice. One of the best among such plugins is the ‘Decorator – WooCommerce email customizer’ from WebToffee.

This free plugin helps with the complete customization of your WooCommerce emails along with real-time previews, scheduled updates, and test email capabilities.

First, let’s look at WooCommerce email customizations using the built-in email settings.

Default WooCommerce email settings

By default, WooCommerce sends out simple emails with little to no branding or personalization to your customers. The email settings in WordPress do not offer you the configurations required for branding these simple and somewhat bland emails – it only offers options to change the email texts. You will also get an option to change the email templates to that of your theme.

To customize WooCommerce emails with the WordPress email settings,

  1. Go to WooCommerce > Settings > Emails in your WordPress dashboard.
  2. All the default WooCommerce emails will be listed there, you can click on Manage corresponding to the email that you want to change.
  3. Once you click on Manage, you will have options to add a subject, email heading, content, etc.
  4. Click on Save Changes to save all the configurations.
Customize WooCommerce emails

Email customization with a WooCommerce email customizer plugin

The ‘Decorator – WooCommerce Email Customizer’ plugin enables you to customize and brand your customer/admin emails as per your requirements. Building an email that is consistent with your store’s identity avoids all confusion and strengthens the brand image.

To customize WooCommerce emails,

Step 1: Install and activate the plugin

The plugin can be installed in your WordPress in two ways:

  • Directly from the WordPress plugin directory (Plugins > Add New > search for the plugin name > Install > Activate).
  • Download the plugin file from WordPress.org and install it in your WordPress admin console (Plugins > Add New > Upload File > Install Now > Activate).

Step 2: Customize WooCommerce emails

Go to WooCommerce > Decorator on your WordPress dashboard.

decorator woocomerce email customizer

You can customize everything here, from the email text to the layout and design. Note that these customizations are available for all email types. Moreover, you can send test emails and schedule the email updates to go live at a specific time with the plugin Decorator – WooCommerce Email Customizer.

Let’s, for example, customize the WooCommerce completed order email template. For this, Choose the Email Type as Customer completed order from the drop-down.

Click on Email Text to customize the text in the emails. Here you can add,

  • The subject of the email.
  • The heading and the subtitle text should be displayed at top of the email.
  • You can add or remove the email body and customize the email body text.
  • You can add any additional information, if required, at the bottom of the email.
  • The shortcodes that can be used in the contents are specified on the same page for easy accessibility. For example, if you want to address the customer by their name in the email, you can use the shortcode {customer_username}. This automatically fills in the respective customer names in the emails sent to individual customers.
email text customizer

Click on Container for container customization. Here you can,

  • Set the background color of the email.
  • Set the padding, container & border width, border radius, shadow, and shadow color of the email container.
email container branding settings

Click on Header for customizing

  • Header style: It includes the header visibility, background color, text alignment, and padding
  • Header image: You can add an image as a header, align the image, place the image inside or outside the header, adjust the height, width, and background color of the image and hyperlink the website to the image.
  • Heading and subtitle: You can add heading and subtitle settings such as font, font style, font size, family & weight, and text color. You can also adjust the line spacing, subtitle position, and more with this setting.
email header branding

Click on Footer to customize,

  • Footer style: You can adjust the footer visibility, background color, padding, font, etc. of your footer with this setting.
  • Footer content: Add custom texts that have to be displayed on your email footer in the field. Shortcodes are supported in the footer.
  • Social links: You can add links to your socials such as LinkedIn, Instagram, Facebook, Twitter, etc. with this. Additionally, you have several customization options to optimize the design of these social links in the email.
woocommerce email footer customizations

Click on Content to adjust the look and feel of the content.

  • Content container: With this setting, you can adjust the padding and background color of the email content box.
  • Text style: The font, text color, and link color of the content in the email content container can be customized with this setting.
  • Order items: You can control the item table visibility, product image visibility, product SKU visibility, etc. You can also control the style of the product table with this setting.
  • Order addresses: You can manage everything from the address box visibility to the style of the box with the order address setting.
  • Button styles: Customize the style of your buttons in the email from text colors to padding with the button styles option.
brand your woocommerce email container

Click on Other to customize other settings such as headings and more.

  • Headings: Adjust the heading styles and fonts used throughout the email with the headings customizer option.
  • Custom CSS: Add CSS to order emails to design them in the way you want.
other seeings such as headings and custom css styles

Step 3: Test customized emails

Once you have completed setting up the email template, the changes that you have made in the settings will be visible on the example email provided in the same window.

However, if you are not fully content with the live preview, you can send a test email to a specific email ID/IDs. The email will be sent to these addresses and you can preview the changes from the mail inbox.

To send a test email,

  1. Save the WooCommerce email customizations that you have configured.
  2. Click on Test email and provide the email addresses of the recipients separated by a comma.
  3. Then click on Test email to send it.
customized email testing via WooCommerce email customizer plugin

Step 4: Schedule emails to be published later

The emails that you have customized should not have to be published immediately. For instance, you want to inform your customers about a holiday discount coupon that will only be available from a specified date. You can include this coupon in the order confirmation emails so the customers will be aware of these discounts and will come back to purchase more.

However, since the coupon will only go live at a scheduled time, you don’t want the emails with the coupon codes to go live immediately. In such situations, you can schedule the update of the customized emails to a later date with the email scheduling. So, until these updates are released, the emails will follow the current email configurations.

To schedule an email,

  1. Save your email customizations.
  2. Click on the drop-down arrow beside Publish and tap Schedule.
  3. Specify a date and time in your time zone to publish the customizations.
Schedule WooCommerce email template changes in customizer plugin

Wrapping Up

Customizing WooCommerce emails is a simple thing that can make a big difference in your eCommerce business. Branding your transactional emails helps to bring consistency to your brand’s identity. This can help you promote your brand and encourage customers to repeat purchases.

Customizing your emails can be done seamlessly with a single easy-to-use free tool from WebToffee – the ‘Decorator – WooCommerce Email Customizer’. The plugin helps in the customization of all types of WooCommerce emails and even enables delayed updates publishing.

Do check out the plugin and let us know your thoughts about it in the comments. 

Check out the article on customizing WooCommerce order emails to learn more.