How To Send Order Email In Wordpress Using Woocommerce Email Template Code

Themeisle content is costless. When yous purchase through referral links on our site, we earn a commission. Larn More

Struggling with how to customize WooCommerce emails? 😎

WooCommerce already offers automated transactional emails for over x actions similar new orders, candy orders, and new accounts. However, you lot'll probably desire to customize those emails to brand them your own.

In this step-by-step tutorial, you lot'll learn how to customize WooCommerce emails using the built-in settings in WooCommerce, as well as some free or paid plugins you can employ to proceeds fifty-fifty more control over your store's emails.

📚 Table of contents:

Why should you customize WooCommerce emails?
How to customize WooCommerce emails
How to preview WooCommerce emails
Plugins that help customize WooCommerce emails

Why should yous customize WooCommerce emails?

To change from the default WooCommerce purple to a colour more suitable for your brand.
To add personalization and a make voice to electronic mail templates.
To change settings like the "From" proper name or "From" address.
To add media elements like a logo, header image, or animated GIFs.
To deactivate some of the automated messages that don't fit your operation.
To link to support pages, upsells, or promotions.
To switch betwixt HTML and text email types.
To preview what the email looks like before turning information technology on for automation.

How to customize WooCommerce emails

With just the congenital-in settings in WooCommerce, you can customize multiple parts of your WooCommerce emails, including:

Electronic mail sender options ⚙️
The full general email theme 🎨
Specific e-mail content 📝

We'll show you how to customize these built-in settings below. Then, afterward that, nosotros'll also share some WooCommerce electronic mail customization plugins that give you even more than flexibility if needed. 👇

Step 1: Go to email settings in WooCommerce
Pace 2: Customize the e-mail sender options and template
Pace 3: Customize specific WooCommerce emails
Pace iv: Arrive an HTML or plainly text email
Step 5: Consider editing the HTML template

Step 1: Become to electronic mail settings in WooCommerce

In your WordPress dashboard, navigate to WooCommerce > Settings > Emails. Here, you'll see a headline for Email Notifications, along with a listing of those default notification emails that WooCommerce already has configured for you.

emails tab to customize WooCommerce emails

Step 2: Customize the email sender options and template

Scroll past the listing of email notifications to find the section called "Electronic mail sender options."

You'll meet 2 fields:

"From" proper noun: the name customers see when they receive an e-mail—stick to the business name, or potentially a existent person if they're role of your branding strategy.
"From" address: the "from" email accost that users can contact if they reply to the automated email.

Modify those fields as needed.

Under the Email Template department, you tin can start customizing elements like:

Header image
Footer text
Base colour
Torso background color
Body text color

If you want to add a custom header paradigm to the email, paste the URL of the epitome into the Header Paradigm field. Yous can host an epitome in your WordPress Media Library and get the paradigm URL from there.

👉 We also recommend removing the "Built with WooCommerce" text from the footer. You lot are welcome to add anything else y'all want in the footer.

customize WooCommerce emails with images and text

Further down in the Email Template area, you'll detect color settings for the general WooCommerce email template. As mentioned earlier, WooCommerce automatically adds its default majestic as the base colour, which is not what you want when running an online store.

Choose a color that corresponds with your brand as the Base Color and consider irresolute the other color fields if yous need to.

Click Save Changes when you lot're done.

customize WooCommerce emails with colors

Step 3: Customize specific WooCommerce emails

From New Order emails to Completed Lodge emails, WooCommerce provides preset templates that are automatically sent to site admins and customers to keep everyone informed about orders. Nevertheless, you lot'll desire to customize some of these emails to include your ain content and to remove some unnecessary WooCommerce defaults.

Complete these individual e-mail customizations past clicking Manage next to the electronic mail you want to edit. Information technology's not a bad idea to start with the "Processing Club" and "Completed Order" emails, since those are the about normally viewed by the client.

manage button to customize WooCommerce emails

Walk through the post-obit fields based on your needs:

Enable/Disable
Discipline
Email heading
Boosted content

👉 We suggest keeping all WooCommerce emails enabled unless you lot accept a unique circumstance where you don't need one of them, or if you intend to use a split up plugin for transactional emails.

Fields like Discipline, Email Heading, and Additional Content dictate your overall electronic mail content, so adjust them every bit needed.

Click the "?" icons to see which dynamic placeholders are available to insert into the content fields. For example, you lot tin can use a placeholder to have WooCommerce fill up in a link to your website on each email.

subject heading and content to customize WooCommerce emails

Step iv: Brand it an HTML or plain text e-mail

Click the Email Type field to run across your options. Pick one of the post-obit:

Obviously text: emails with no images or formatting
HTML: emails with rich content like images, tables, and formatting
Multipart: this one dynamically switches between plain text and HTML based on the user's email client, since some clients don't back up HTML emails

Step 5: Consider editing the HTML template

At the very lesser of the page, yous'll see a section called "HTML template." WooCommerce doesn't take a drag-and-drop editor for its emails, but you lot can customize each electronic mail'southward HTML code.

Click on the View Template push button to see its code.

view template to customize WooCommerce emails

WooCommerce locks its default HTML template, so you can't edit anything. Notwithstanding, you tin click the Copy File To Theme push to override and edit the template.

👉 After that, you're able to put your cursor into the text editor and make changes. We merely recommend using this section if y'all're skilled with HTML.

If yous don't feel comfortable editing this code straight, you might want to hire a WordPress developer. Or, you tin can try one of the WooCommerce email plugins we'll share in the side by side section.

And that's how you customize WooCommerce emails! Click the Salve Changes button to finish the process.

How to preview WooCommerce emails

You must preview your transactional emails before they are sent out to customers. This mode, you can cheque for misspellings, WooCommerce branding that needs changing, and opportunities for promotions or upsells.

Here'due south how to preview your WooCommerce emails.

Pace i: View a visual preview of your general e-mail template
Stride 2: Run examination transactions to view the private emails with dynamic content

Step 1: View a visual preview of your general email template

Under WooCommerce > Settings > Emails, observe the Email Template department and click on the link that reads "Click here to preview your email template."

That opens a new browser window showing the email with your specified general email settings. You should see new colors, a header image, and an edited footer if you inverse all of that. Keep in mind that the content for the template preview remains generic.

Stride 2: Run test transactions to view the private emails with dynamic content

You most likely want to see the actual emails that go out to customers, but WooCommerce lacks the features to view those visual previews. Instead, you lot must run test transactions to trigger the emails to your ain inbox.

Here's how to do it:

Brand certain you accept WooCommerce Payments, and the Stripe payment method, activated.
Add together an item to your cart and make full in the information every bit if you were a customer.
In the Email field, add your email accost.
In the credit card field, use one of the Stripe testing cards to process a payment.
Finish checking out.

The test transaction should ship yous an Order Processing electronic mail, which allows y'all to see how the emails return for customers. Check that the dynamic tags appear correctly, and that all of your branding and inserted text shows properly.

To trigger other emails, go to WooCommerce > Orders, and suit the Status field to something else. Every bit an example, you might switch it to Completed to trigger the Completed Lodge email from WooCommerce. Make certain you click the Update button to salvage the change.

Then it sends to your inbox for y'all to review.

order confirmation email from woocommerce

To simplify the process, yous can consider a plugin like WooCommerce Email Test.

Plugins that help customize WooCommerce emails

Several plugins provide advanced WooCommerce email customization tools, either expanding upon the current features in WooCommerce or completely overriding them for a more than convenient (usually drag-and-driblet) experience.

Here are some WooCommerce customizer plugins to consider:

WooCommerce E-mail Customizer: Offers more advanced tools to adjust the overall style of your emails, simply non the text or content.
Decorator – WooCommerce Email Customizer: Edit the manner, content, and media elements within each email, all while using a visual builder.
Metorik: Override the default WooCommerce emails for total customization control over your automations and designs.
Kadence WooCommerce E-mail Designer: Allows you to customize the built-in WooCommerce emails in the WordPress Customizer for more visual control.

You can also override WooCommerce transactional emails with an email marketing service, like Omnisend, MailPoet, or Sendinblue, all of which offer ecommerce automation and additional options for things like abandoned cart recovery.

Customize your WooCommerce emails today

In this article, we covered:

Why you should customize WooCommerce emails.
How to customize the overall settings and design of your WooCommerce emails.
How to customize specific transactional emails.
How to take control of the electronic mail HTML if you take the experience.
Plugins to add together more functionality to WooCommerce emails, similar drag-and-drop and visual tools.

Most fledgling ecommerce stores tin can get abroad with the basic WooCommerce email customizations, but we recommend eventually paying for a premium email editor like one of the plugins or email marketing software nosotros covered in a higher place.

Once you've figured out your store's transactional emails, you can read our guide on WooCommerce email marketing to boom your marketing emails, too.

If you need whatsoever clarification about how to customize WooCommerce emails, or would like to share any tips you have with other users editing their emails, drop usa a note in the comments!

Free guide

v Essential Tips to Speed Upward
Your WordPress Site

Reduce your loading time past even 50-80%
just by post-obit elementary tips.

Download free guide