How to Send WooCommerce Customer Invoice Email from WordPress

Design-and-Send-Customer-Invoice-Emails-from-WordPress

When you’re running a WooCommerce store, sending invoices is more than just sharing order details. It is a great chance to show professionalism and strengthen your brand. 

Though WooCommerce has a default invoice email, let’s be honest, it looks pretty basic. If you really want your customers to remember you, a customized, well-designed WooCommerce customer invoice email will make all the difference. 

In this guide, I’ll walk you through how to send customer invoice emails in WordPress, starting with WooCommerce’s built-in option and then stepping up to beautifully branded emails using EmailKit.

Quick Overview
This tutorial includes process to build a customer invoice email for WooCommerce.

Tools Used: Kit de correo electrónico
¿Cómo?
Method 1: Use a pre-designed template by EmailKit.
Method 2: Build from scratch.

Customer invoice email includes:
Heading, Note for Customer, Order Item, Billing, and Shipping Address.

¿Por qué?
For Personalized Content and Design, more Flexible Layout, and Easy navigation.

Why customize the customer invoice email in WooCommerce?

Here’s a quick comparison of the default WooCommerce email versus a custom one created with EmailKit:

CaracterísticaDefault WooCommerce Invoice EmailCustom Email with EmailKit
DiseñoFixed, single-column layout.Fully customizable with your brand’s colors, fonts, and logo.
DisposiciónLa edición y la personalización se actualizan automáticamente en todo el sitio web.Flexible, multi-column layouts with drag-and-drop elements.
ContenidoLimited to basic order details.Can include custom notes, social icons, related products, and more.
Facilidad de usoSimple but limited customization options.Visual, no-code drag-and-drop builder.
ProfesionalismoFunctional but lacks a professional touch.Polished and professional, enhancing brand image.

Customizing your invoice emails goes far beyond just aesthetics. It’s a strategic move that enhances your brand and customer relationships.

  • Brand Consistency: Make sure every email you send reflects your brand identity.
  • Improved Professionalism: A clean, well-designed invoice gives off credibility and makes your business look polished.
  • Mejor experiencia del cliente: When invoices are easy to read and understand, customers can quickly review their purchase without needing extra help.
  • Marketing Opportunity: You can include links to related products, social media, or a “leave a review” button, turning a transactional email into a marketing tool.

Send default WooCommerce invoice emails (order details)

WooCommerce comes with a default option to send a customer invoice email. If you prefer a simple and basic email, you can simply edit the emails here. 

To set up the customer invoice email in WooCommerce, 

  1. Log in to your WordPress account and go to WooCommerce → Settings.
  2. Cambiar a la Emails tab, where you will find the list of WooCommerce emails.
  3. Now, find the Detalles del pedido email and click the “Administrar” button for it. 

Why this one? Because the “Order details” is basically the customer invoice email in WooCommerce.

For this email, you have the following options:

  • Sujeto
  • Email heading 
  • Additional content
  • Tipo de correo electrónico: Plain text, HTML, and Multipart.
  • Cc(s)
  • Bcc(s)

You can also see the preview of the email. For the HTML template, you can see the template code.

default WooCommerce invoice email

Finalmente, haga clic en el Guardar cambios.

If you’re just starting or prefer a simple solution, WooCommerce’s built-in email system is a great place to begin.

How to send custom-designed WooCommerce customer invoice emails

While the default WooCommerce emails are functional, they are not visually impressive. To create a professional and branded experience, you need a dedicated email customizer plugin for WordPress. For this guide, we’ll use a plugin like EmailKit, which offers a powerful drag-and-drop builder.

Prerequisite: Install EmailKit

First, you’ll need to install the plugin. From your WordPress dashboard, go to Plugins > Add New and search for “EmailKit.” Install and activate the plugin.

Once activated, you’ll find the EmailKit dashboard where you can start creating stunning, branded email templates. The plugin provides a visual editor that allows you to see real-time previews of your design as you build it.

With EmailKit, you can use pre-built email templates or start building layouts from scratch.

Method 1: Design invoice emails with EmailKit templates

EmailKit comes with a variety of pre-designed templates that are fully customizable. This is the fastest way to get a professional-looking WooCommerce customer invoice email.

To import a template:

  1. Navegar a EmailKit → All Emails desde su panel de WordPress.
  2. Luego, haga clic en el Add New Email Template button. A pop-up will appear to create a new email template.
Design invoice emails with EmailKit templates

To create a new email template, you have the following options:

  1. Entrar a Nombre de la plantilla for the invoice email.
  2. Selecciona el email type a Correo electrónico de WooCommerce.
  3. Select the WooCommerce email you want to customize. In this case, select “Factura del cliente”.
  4. Elegir el pre-designed template.
  5. Finalmente, haga clic en el Editar con EmailKit botón.
create new email template for WooCommerce invoice email

After that, you will be redirected to the editor. EmailKit’s drag-and-drop interface makes it simple to add, remove, or rearrange sections.

Method 2: Create WooCommerce customer invoice emails from scratch

If you have a very specific design in mind, you can build your invoice email from a blank canvas. This gives you complete creative control.

Step 1: Create a new email blank template

Creating a new email template in this step is almost similar to the previous methods. Go to EmailKit → All Emails y haga clic en el Add New Email Template. Then enter the template name, set the email type to WooCommerce emails, and select the Customer Invoice template.

Now, this time, we will be selecting the Blank Template to start building the email template from the ground up. Finally, click on the Editar con EmailKit button as usual.

create WooCommerce invoice emails with blank template

Step 2: Add elements to the invoice email

The EmailKit editor has a wide range of drag-and-drop elements. For the customer invoice email, we will be adding the following:

  • Título
  • Nota al cliente
  • Articulo ordenado
  • Dirección de facturación y envío

On the right sidebar, you can search for the elements and drag & drop them into the design area.

Step 3: Edit the email header of the invoice

A professional header instantly communicates your brand identity. To add a header, drag in the header element.

Under the Content section, you can enter the header text and add a URL link to the header.

In the Style sections, you can customize the background color, title text color, typography, padding, margin, and border styles.

Step 4: Write a message for the customer.

To give a better experience, you can send a personalized message to the customer. To add a message, you can use the Nota al cliente element. Drag and drop the Customer Note elements.

Here you can:

  • Introducir el greetings text, usually it addresses the customer with a Hey/ Hello, etc, with the customer’s name. You can add the [nombre_de_facturación], which will automatically pick the customer’s billing name while sending the email.
  • Agregar body text for the message.
  • Also, enter the pie de página text for the email.

While sending the message, make sure to write a brief, friendly message to your customer.

Step 5: Add the “Ordered Item” table

This is the core of your invoice. EmailKit offers a dedicated element for this.

  1. Encuentra el "Articulo ordenado” element in the panel and drag it onto the canvas.
  2. The plugin will automatically pull the customer’s order details, including product names, quantities, and prices.
  3. You can customize the appearance of this table, including column colors, font styles, and padding.

Step 6: Show Billing and Shipping Address

Accurate address details are crucial for any invoice.

  • Drag the “Dirección de facturación y envío” element onto your template.
  • These elements will dynamically populate the customer’s information from the order. You can adjust the heading and styling to match your design.
drag and drop Billing and Shipping Address element for WooCommerce customer invoice email

For this section, you can change the Título de facturación y Shopping Title. You can also customize this section by switching to the Estilo pestaña. There, you can customize the Wrapper, Title, and Info for the WooCommerce customer invoice email.

customize Billing and Shipping Address for WooCommerce customer invoice email

Terminando

And that’s it! Sending WooCommerce customer invoice emails in WordPress doesn’t have to be complicated. While you can stick with the default option if you just need something quick, taking it a step further with a customized, branded design using EmailKit can make a significant difference. 

A well-designed invoice email not only looks professional but also gives your customers a smoother experience and keeps your brand top of mind. Now, it’s your turn to make those routine emails work harder for your business.


Comentarios

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *