How to Customize WooCommerce Emails

Escrito por Beau Lebens on febrero 2, 2022 Blog, Sell Online.

Transactional emails are a key piece of your order fulfillment process. They update your customers on their order status, provide valuable information about policies and returns, and are opportunities to encourage repeat sales.

In fact, transactional emails have an open rate of 80-85%, while most marketing emails only average around 20-25%. In spite of those impressive numbers, the majority of businesses don’t customize their transactional emails. And if they’re generic, it’s likely that your shoppers will simply glance at the information they need and move on. This is a big missed opportunity!

Customizing the content of your emails builds trust by providing helpful information that will enable shoppers to make the most of their purchase. Using your own colors, fonts, and language reinforces your brand, provides consistency, and helps you be remembered. And including related products and coupon codes can even lead to additional purchases.

WooCommerce provides built-in functionality that automatically sends customers emails based on order status. How can you adapt these to best fit your business and brand? 

How to edit your transactional emails

To view and update email settings, log into your WordPress dashboard. In the left-hand menu, click on WooCommerceSettings. 

There, you’ll find several tabs at the top. Click Emails to view the following templates:

  • New Order: Sent to the store admin to notify them of a new order.
  • Canceled Order: Sent to the store admin to notify them of a canceled order.
  • Failed Order: Sent to the store admin to notify them of a failed order.
  • Order On-Hold: Sent to customers with details if their order is placed on hold.
  • Order Processing: Sent to customers after a completed payment; contains order details.
  • Order Completed: Sent to customers when their orders are marked completed; indicates that the order has been shipped.
  • Order Refunded: Sent to customers when an order is refunded.
  • Customer Invoice: Sent to customers; contains order information and payment links.
  • Customer Note: Sent when a customer note is added in the dashboard.
  • Password Reset: Sent to a customer after they request to reset their password.
  • New Account: Sent to the customer when they create an account.
list of email templates in WooCommerce

Click the Manage button to the far right of the email template that you’d like to edit. There, you can customize the email subject line, heading, content, and type. You can also use template variables — with the WooCommerce Follow-ups extension — to quickly and automatically fill in information, like {customer_name}, {order_shipping_address}, or {item_names}. These variables let you personalize emails for each individual customer.

completed order email in WooCommerce

The Additional Content field can be especially helpful for emails that are sent to your customers, like the Completed Order email. Including a special thank you note helps your buyers feel appreciated and adds a touch of brand personality.

Also consider linking to warranty information, return policies, and other documentation that applies to all of your products. Customers should be able to easily access everything they need to know after they make a purchase.

Common design customizations

If you scroll below the list of email templates in WooCommerce Settings → Emails, you’ll see global customization options. Note that changing these options will update all of your email templates at once.

You can make changes to your:

  • Header image: An image that you’d like to display at the top of all emails. You might want to use your logo or other brand graphics here.
  • Footer text: Information found at the bottom of each email. Include a link to your website and contact information to make it easy for your customers to get in touch.
  • Base color: The color used for headings, links, and the background of your email title.
  • Background color: The color used for the background of the email.
  • Body background color: The color of your email content background.
  • Body text color: The color for all written email content.
default WooCommerce HTML email template

Click the link that says, “click here to preview your email template” to preview your emails.

Updating elements like color and font to match your website and branding provide a more seamless experience for your customers. After all, if your website uses a blue and yellow color scheme, and the email that your customer receives is orange, they might be confused. If a shopper knows what to expect and feels comfortable with a brand, they’re more likely to become a long-term, loyal customer.

Adding product-specific information

If you sell different types of products, you might want to include specific information that applies to each one in your customer emails. To do this, go to Products and click Edit under the product you want to change. Scroll down to the Product Data section and click Advanced. There, you’ll see a blank box where you can add a Purchase Note.

product data box showing a product note field

Purchase Notes can be used in a variety of ways. You could link to a PDF instruction manual or page your customer has special access to. Or, you could include a coupon code for a discount off their next purchase. The goal is to provide as much valuable information as possible to your customers so that they’ll love your products and keep coming back. 

Customizing emails with MailPoet

The MailPoet extension allows you to harness the marketing and customization power of MailPoet for your transactional emails. Start by installing the extension from your WordPress dashboard, just as you would any other plugin. Then:

  1. Go to MailPoet → Settings → WooCommerce in your WordPress dashboard, select Use MailPoet to Customize Your WooCommerce Emails and save your settings.
  2. Click Open Template Editor.

Now, you’ll use MailPoet’s drag-and-drop editor to make the changes you’d like. Note that the template you’re editing controls the look and feel of all WooCommerce emails, not each one individually. But you can freely edit the areas above and below the email header and primary content area (the space where order information, etc. is displayed). Here are a few things you can do:

  • Add your logo to the top of the email
  • Change the colors to match your brand
  • Include illustrations or other eye-catching images 
  • Add a button that links to important content, instruction manuals, support forums, or exclusive offers for new customers.
  • Place links to your social media accounts to encourage engagement
MailPoet editing transactional email color

Each of those changes just require you to drag and drop content into place — that’s it! No editing templates or writing code. For more information, see the guide to editing WooCommerce emails with MailPoet.

And the best part is that, with MailPoet, you can also take advantage of other marketing tools. Send email newsletters with updates, discounts, or product recommendations. Reach out to new customers with a welcome message or exclusive coupon. Tailor messaging based on the specific product each person purchased. Send abandoned cart emails to those who add products to their cart without checking out. The sky’s the limit!

The audience segmentation options in MailPoet are robust, and allow you to customize your emails so they’re hyper relevant. Here are just a few of the segmentation options you can use:

  • Number of email opens
  • Whether or not someone clicked a specific link (or any link)
  • Subscribe date
  • Number of orders
  • Whether someone purchased a specific product
  • Whether someone purchased within a specific category
  • Total spent
  • Customer country
  • Whether someone has an active subscription

You also won’t have to worry about email deliverability — MailPoet has a 99% deliverability rate, so you can rest easy knowing that your transactional emails will arrive in the customer’s inbox.

Customizing emails with Mailchimp

There may be times that you’d like to make more extensive changes to your transactional emails. The Mailchimp for WooCommerce extension is one way to do this without touching a line of code. Plus, you can manage all of your email marketing efforts and transactional emails in one place!

To set up the Mailchimp for WooCommerce extension:

  1. Navigate to the WooCommerce marketplace and download the Mailchimp for WooCommerce extension.
  2. On the left side of your WordPress dashboard, click Plugins → Add New.
  3. Select Upload Plugin → Choose File and add the ZIP file that you downloaded from the WooCommerce marketplace.
  4. Click Activate Plugin.

Then, you’ll be redirected to the Settings page, where you can sync your store with Mailchimp and set options. Mailchimp provides a full tutorial that will help you get started.

adding a WooCommerce audience to Mailchimp

Once Mailchimp for WooCommerce is set up, you’ll be able to:

  • Customize order notifications to fit your brand colors, fonts, and more.
  • Add recommended products to transactional emails.
  • Set up abandoned cart emails.
  • Track and segment customers based on purchase history and frequency.

Mailchimp audience segmentation is one of the most valuable methods for sending customized emails. You can segment your audience based on order total, lifetime amount spent, purchase date, and more. This is a great way to encourage additional purchases based on the exact products your customers already bought or other actions they took on your site.

You can also add a promo code block to your emails. This encourages repeat purchases by providing an incentive in the form of a coupon code. The best place to include this is in a post-delivery email because customers have already had a chance to try your product out. If you send it too soon, they may just be annoyed that they couldn’t use it on their original purchase.

Why is this so effective? Let’s say that your customer receives their order, opens it, and is thrilled. They use it for a couple of days and it works just like they want it to. Then, they open their email, and get a discount or free shipping for their next purchase. Since your product is already top-of-mind, they’re more likely to order another one for themselves or purchase one as a gift.

There are countless ways that you can use Mailchimp to customize your emails and make them as effective as possible. Learn more about the options.

Creating custom templates with code

If you’re a developer or are comfortable editing PHP files, WooCommerce provides everything you need to make changes to transactional email templates.

In the left-hand menu of your WordPress dashboard, select WooCommerceSettings. Then, click the Emails tab at the top. Find the email that you’d like to customize and click the Manage button at the far right. At the bottom of that page, there’s a note that tells you which PHP template is associated with that email. 

Every transactional email consists of a combination of templates. This allows you more control over customization than the other methods listed here.

For example, if you only want to edit your email header, you’ll just need to make edits to the email-header.php file. For changes in the footer, you’ll work with email-footer.php. To edit a specific email template, like the customer invoice, you’ll change customer-invoice.php.

Let’s say that you want to update the color of any links included in your emails:

  1. Copy the file found at wp-content/plugins/woocommerce/templates/emails/email-styles.php into your store’s child theme. Note that if you customize the parent theme rather than the child theme, any changes will be overwritten with theme updates.
  2. Find the “link” class in the copied file. 
  3. Edit the code to change the link color.
.link {
	color: #a4bf9a;
}

There are endless customizations you can make. To find out more information on the template structure for WooCommerce emails, check out the Template Structure documentation.

WooCommerce hooks

WooCommerce hooks are a great way to add content to the layout of your emails. Keep in mind that hooks will allow you to add content but not modify existing text. To modify text, see the section above on customizing templates.

Add the snippets below to your child theme’s functions.php file. The hooks that you use depend on what you want to add and where you want to place the content.

Below the header:

To add content below the header, use the woocommerce_email_header( $email_heading, $email ) hook:

<?php
add_action( 'woocommerce_email_header', 'mm_email_header', 10, 2 );
function mm_email_header( $email_heading, $email ) { 
	echo "<p> Thanks for shopping with us. We appreciate you and your business!</p>";
}

After the table:

To add content below the order table, use the woocommerce_email_after_order_table ($order, $sent_to_admin, $plain_text, $email) hook:

<?php
add_action( 'woocommerce_email_after_order_table', 'mm_email_after_order_table', 10, 4 );
function mm_email_after_order_table( $order, $sent_to_admin, $plain_text, $email ) { 
       echo "<p>Hey! Thanks for shopping with us. As a way of saying thanks, here’s a coupon code for your next purchase: FRESH15</p>";
}

Above the footer:

To add content above the footer, use the woocommerce_email_footer($email) hook:

<?php
add_action( 'woocommerce_email_footer', 'mm_email_footer', 10, 1 );
function mm_email_footer( $email ) { ?>
	<p><?php printf( __( 'Thank you for shopping! Shop for more items using this link: %s', 'woocommerce' ), '<a href="' . get_permalink( wc_get_page_id( 'shop' ) ) . '">' . __( 'Shop', 'woocommerce' ) . '</a>' ); ?></p>

<?php
}

Note: These hooks and customization options are tightly linked to the theme you’re using because of the functions.php file location within your theme files. If you change your theme, you’ll have to move your modified template files or hooks to your new theme.

For more information, read our WooCommerce Hooks documentation..

Start customizing your emails

Customizing the design and content of your emails helps you more successfully update buyers on order progress, promote brand awareness, and encourage repeat sales. No matter what level of coding experience you have, WooCommerce provides a variety of ways to make the changes that you need.

How have you customized your transactional emails to increase sales? Let us know in the comments.

Promote your business and sell more products with email marketing tools from MailPoet

16 Responses

  1. Mitchell Callahan
    noviembre 14, 2019 at 4:16 pm #

    This is a great resource. I will share this with our customers! Thank you.

    • Kathryn Marr
      marzo 2, 2022 at 11:12 pm #

      Glad you found it helpful, Mitchell!

  2. Mustapha Malik
    febrero 5, 2022 at 12:54 am #

    Great and very resourceful

    • Kathryn Marr
      marzo 2, 2022 at 11:12 pm #

      Thanks, Mustapha!

  3. abbco123
    febrero 11, 2022 at 5:47 am #

    i want to change the subject line of the new orders email that goes to admin, essentially i want to swap the order number for the product id, so i can search which customers have bought that product in my mail inbox

    How do i do this?

    • Derek
      febrero 18, 2022 at 6:20 pm #

      Abbco123, you can change the subject line by going to Woocommerce -> Settings – Emails – Click on each email you want to edit.

      I highly recommend you check out Metorik. Many functions including beyond amazing reporting features.

      • kristensusa23
        febrero 22, 2022 at 4:56 am #

        Derek,
        I, too, want to change the subject line on all the Woo email templates from pulling in «{site_title}. My site title is too long and contains important keywords. So I want to manually enter the subject for each email. I»m perplexed, because I have read in several articles and Woo’s documentation that I can edit the subject line; but this is, in fact, greyed out and not directly editable from the «manage» tab. What am I missing?

        • Kathryn Marr
          marzo 3, 2022 at 7:53 pm #

          Hi Kristen! We’d love to help you and abbco123. Could you reach out to our team here: https://woocommerce.com/contact-us/ so we can provide more personalized support?

  4. KoolPal
    febrero 18, 2022 at 6:50 pm #

    Hi,
    You may want to review these lines..

    «You can also use template variables to quickly and automatically fill in information, like {customer_name}, {order_shipping_address}, or {item_names}. These variables let you personalize emails for each individual customer»

    This is NOT AVAILABLE in vanilla Woocommerce. You require a PAID PLUGIN – WooCommerce Follow-ups which is a premium extension.

    Thanks

    • Kathryn Marr
      marzo 3, 2022 at 7:52 pm #

      Excellent point! We’ll be updating the post to make that more clear. Thanks!

  5. Daniel
    febrero 22, 2022 at 11:36 pm #

    This is a great resource. Thank you.

    • Kathryn Marr
      marzo 2, 2022 at 11:16 pm #

      Glad you found it useful, Daniel!

  6. Vlado
    febrero 23, 2022 at 11:16 am #

    Finally document which makes sense. I like it a lot.

    • Kathryn Marr
      marzo 2, 2022 at 11:16 pm #

      Thanks, Vlado!

  7. Steve
    febrero 23, 2022 at 4:19 pm #

    How do I as a store owner get «Completed order» emails? There is no option under the option to do so under Settings >> Emails >> «Completed orders» to add an a CC email, just options to Enable/Disable and a few basic field options for Subject etc. which enables it only for the customer. How to? Am I missing the obvious or is it ANOTHER to plugin just to enable something so simple? Frustrated!

    • Kathryn Marr
      marzo 3, 2022 at 7:51 pm #

      Hi Steve! We’d love to help. Could you reach out to our team here: https://woocommerce.com/contact-us/ so we can provide more personalized support?

WooCommerce

La plataforma de eCommerce con más opciones de personalización para gestionar tu negocio en línea.

  • Garantía de reembolso de 30 días
  • Equipos de apoyo de todo el mundo
  • Pago en línea seguro
%d bloggers like this: