Sélectionner une page

How to Edit WooCommerce Email Template

How to Edit WooCommerce Email Template

How to edit the WooCommerce email template

As you know, your emails are indeed the most important part of reaching out to customers and impacting their thought processes. If you have an online business, you need to send out promotional offers, transactional emails, order updates, etc., in such a way that you can reflect your store’s intentions and goodwill to the customers. So, in this article, we will discuss how to edit the WooCommerce email template.

Why Customize Your WooCommerce Email Templates?

Customizing email templates is the way to have more control over the content and the impact it would be having on your viewers. It’s not only super simple but also a quick way to interact with prospective customers on a personal level. After giving a personal touch you can boost your professionalism with relevant information over default templates. 

Benefits of customizing WooCommerce templates

  • Be original
  • No complexity, quick personalized changes. 
  • Easy to update
  • Precisely align the brand with your color, logo, font, language, coupon codes, etc
  • High response rate
  • Trust building with the added value to templates

The better you understand the process, the more you will stand out from the competitors. After the efforts of setting up the store, it’s again important to align the email conversation with a suitable theme, or a relevant product to ensure an engaging user experience. For a start, you can customize your site logo, change the header, share offers, promote specific products, add additional links, etc.

How to customize WooCommerce email templates?

You have 2 options to edit email templates.

  • From the WooCommerce dashboard
  • Editing through plugins

We have curated a step-by-step guide demonstrating both. Let’s digest the details. 

Method 1: From the WooCommerce dashboard

WooCommerce holds various methods to edit your emails. You may change the email content, heading, and subject for every individual transactional email. Another option is to personalize your email templates by customizing footer text, header images, background color, base color, etc. 

To make changes to WooCommerce email templates from the dashboard, navigate to WooCommerce> Settings > Emails.

From here, you can edit the Email sender options: “From” name and address. Additionally, you can even edit your header image, footer text, text, background, and colors.

Once you’re ok with the changes, click the button View Template to preview the customized email template. 

Customizing WooCommerce email templates

The emails of WooCommerce are a combination of templates so rather than modifying every email, you can make changes in the template itself. 

With this modification, you get extra modular control over the editing section. Thus, just copy your liked template file to your theme folder and start editing. 

How to edit your transactional emails?

Transactional emails play a pivotal role as you know. Give a seamless experience to your customers by customizing elements like font, language, and color to align with branding platforms like websites.

If your website puts a blue and yellow color scheme, but your transaction email is black, the recipient may get puzzled. So, please remember if a shopper is familiar with your brand and its elements, they will be more likely to delve into being long-term customers. Let’s see how you can manage your transactional email on WordPress.

 Log into your WordPress dashboard. In the left-hand menu, go to WooCommerce > Settings. 

Here, you’ll see various tabs at the top. Go to Emails to view the below templates:

  • New Order
  • Canceled Order
  • Failed Order
  • Order On-Hold
  • Order Processing (Order details)
  • Order Completed (shipped order) Order Refunded
  • Customer Invoice (Order information and payment links)
  • Customer Note
  • Password Reset
  • New Account

Press the Manage button on the template. 

Now, you can edit each email type, subject line, heading, and add content.

Also,

Use template variables — with the WooCommerce Follow-ups extension — to simply get automatic filled information, such as {customer_name}, {item_names} or {order_shipping_address}. This is how you personalize emails for each recipient for a deeper touch! 

Customizing Completed order email in WooCommerce

The Completed Order email is something additional help to customers. Including a dedicated thank you note helps your customers feel appreciated and adds a touch of brand value. This additional content can include return policies, warranty information, etc., relating to the product. Overall, let your customers know the easy process to make the order. 

Customizing Designs 

On scrolling down the list of email templates in WooCommerce Settings > Emails, there comes the option of global customization. Here, your applied change will be applicable to all email templates. 

What are the options?

  • Base color: The color of links, headings, and the background of the titles. 
  • Email Background color: The color used for the email background. 
  • Header image: An image coming at the top of all emails i.e. logo or brand identity. 
  • Body text color: The color used for all written email content.
  • Footer text: Content addressed at the bottom of emails i.e. website link, contact information. 
  • Body background color: The color of the content background.

How To Add Product-Specific Info 

If your store is selling a variety of products you can consider adding specific information in customer emails. To implement this go to your WordPress panel > Products > All Products > Click the Edit option for the product you want to include information. Now, scroll down and go to Product Data then click Advanced. You will see an empty box titled Purchase Note

You can use this to include information such as PDF links to product specifications and instructions or include a coupon discount for your next purchase. Your target here is to keep your customers informed about every product in your store.

How To Edit Custom Templates In WooCommerce

If you have a decent knowledge of PHP and can work with codes, then WooCommerce provides you a tool to customize transactional email templates as per your requirements.

To start you can go to WooCommerce > Settings > Emails. Click on the email that you want to customize and then on the extreme right and click the Manage option. On the page, there is a note that informs you which PHP template is used in that email. 

This aims to provide you with more control in customizing these email templates. If you want to make changes to your email header you can edit the email-header.php file. Similarly, for changes in customer invoices, you can edit the customer-invoice.php file. 

Let’s see how you can change the color of any links in the emails.

Copy file to theme in this case “woocommerce/templates/emails/plain/admin-new-order.php”. Now, find the link class in this copied file and edit the existing code to change the color of the link.

Method 2: How to edit WooCommerce Email templates using plugins

Another effective method to edit WooCommerce email templates is getting dedicated plugins. Out of various options, you need to figure out the most suitable according to your WooCommerce theme.

List of Plugins that can be used to edit email templates

  1. Email Template Customizer for WooCommerce
  2. Decorator WooCommerce Email Customizer
  3. Kadence WooCommerce Email Designer
  4. Email Templates
  5. MailChimp
  6. Jilt
  7. YayMail

How to edit email templates with the Email Template Customizer plugin

Let’s see how you can integrate this plugin into your WooCommerce store and use it to customize your email templates.

Install the plugin, go to Plugins > Add New on your WP Admin Dashboard

Search for Email Template Customizer for WooCommerce, use the search bar on the top right of the screen. Click Install and then Activate.

Go to the Email Templates option on the dashboard sidebar and choose among these options: default, specific, or new to edit an email template. Here, you can start editing by clicking under the Default Template type.

Using the Email Customizer’s Email Template builder

You can easily integrate this plugin with page builders like Elementor, which provides a user-friendly interface and customize options for any existing or new element or layout. 

For example,

  • Add a header image with one column layout
  • Add an image with the Image component lying under the Components click on the left sidebar. 
  • Select the relevant image and here is the new header image for your email templates.
  • Add social media logos, icons, buttons, look of the content, typography, etc. 

Considering the importance of how to edit the WooCommerce email template, you get 2 options that are from the WooCommerce dashboard and editing through plugins. All these plugins have their own interface and unique features that you can explore. If you have any doubts you can simply leave a comment below.

Further reading

Poster le commentaire

Votre adresse e-mail ne sera pas publiée.