WooCommerce plugin - Create an order confirmation email to send through WooCommerce

In this article, we will explain how to create and personalize an order confirmation email that will be sent through WooCommerce.

Please note that you can choose between 3 methods to send your order confirmation email for WooCommerce:

  • You can create an email template in Brevo and send your order confirmation email directly through WooCommerce. We explain this method in this article.
  • You can create an email template in Brevo and send your order confirmation email through a workflow inside Brevo. This method allows you to perform additional actions after sending your email, such as updating your contacts' attributes, moving them to another list, etc. We explain this method in our dedicated article: Order confirmation - Part 1: Create an order confirmation email template.
  • You can use the WooCommerce default email template for order confirmation (default setting).
❗️ Important
Depending on the method you choose to send your order confirmation email, the placeholders used to personalize the email template won't be the same. Make sure you refer to the right article.

Before you start

❓Why create an email template in Brevo?

WooCommerce's default email templates are not fully customizable. However, using the Brevo plugin for WooCommerce, you have the option to select email templates created in Brevo as your default templates for:

  • New orders
  • Processing orders
  • Refunded orders
  • Canceled orders
  • Completed orders
  • New accounts

This option is really useful because Brevo's Drag & Drop editor is easy to use and allows you to create beautifully designed emails that you can fully personalize with your contacts' data.

Learn how to select a Brevo email template for your WooCommerce order confirmation in the section How to use a Brevo template in WooCommerce?.

⚙️ Step 1: Create your order confirmation email template

💡 Good to know
The settings of your email template (subject line, preview text, From email, etc.) will be applied every time it is sent through WooCommerce.

To create your order confirmation email template:

  1. Go to Campaigns > Templates.
  2. Click New Template to create a new email template.
  3. Configure the settings just like a regular email template.
    💡 Good to know
    You can insert WooCommerce placeholders for order data in this field, e.g., {ORDER_ID} to insert the order number.
  4. Click Next Step.

🖼 Step 2: Design your order confirmation email template

An order confirmation email should include a header with the company name and logo, a footer with the physical address of the company, contact information, copyright information, and a link to your privacy policy.

To design your email template:

  1. Select the layout you want to use in the Drag & Drop Editor.
  2. Design your template by dragging and dropping content blocks into your template layout to add and format text, images, buttons, and other design elements
    mceclip0__2_.png

🖌 Step 3: Personalize your order confirmation email template

You can personalize your order confirmation email by addressing your customers by name and including the details of their order such as the products they purchased, their order total, and their shipping and billing address.

In order to populate the emails sent with these data, you must insert placeholders for contact attributes and order data in your template.

For email templates sent through WooCommerce, you must use the Old Template Language and format your order data and contact attributes placeholders enclosed in curly braces and written in upper case letters, e.g., {ORDER_PRICE} or {SURNAME}.

❗️ Important
Make sure you use the Old Template Language format for all your placeholders. Do not use the Brevo Template Language and do not mix placeholders from the Old Template Language with placeholders from the Brevo Template Language.

Insert placeholders for contact attributes

You can personalize your order confirmation email template with the contact attributes stored within your Brevo contact list using the WooCommerce placeholder format. For example, if you named your contact attributes for first name and last name as “NAME” and “SURNAME” in Brevo, your placeholders should be written as {NAME} and {SURNAME}.

Placeholders in the email template Placeholders replaced by the customer's data once the email is sent
Hey {NAME} {SURNAME},
here's your order receipt:
Hey John Snow,
here's your order receipt:

Each attribute describes a type of information you save about your contacts, such as their name, email address, phone number, gender, etc. Personalizing your email template by inserting placeholders for contact attributes will allow the data to be replaced by your shopper's name, favorite color, or any other useful information.

Insert placeholders for order data

To insert data about the shopper's order (price, shipping address, products purchased, etc.), you must insert the corresponding placeholders in your email template. 

For Brevo email templates sent through WooCommerce, you must insert the standardized placeholders that are available in the tables below:

Items data

The placeholder for items data is used to personalize emails with the data of the products that were purchased by a customer.

If you want to list the details of the products that were purchased by a customer, you should insert the {ORDER_PRODUCTS} or {ORDER_FEES} placeholder in your email template. This placeholder will then be replaced by the data of each product at the time the email is sent.

Description  Placeholder for items data

Name, ordered quantity, and price for each product (displayed as an array)

{ORDER_PRODUCTS}

Name and price for each product (displayed as an array)

{ORDER_FEES}

Order details data

Order details data placeholders are used to personalize emails with the data of the order that was placed by a customer.

For example, if you want to add the shipping price and total price of the order, you should add the {ORDER_SHIPPING} and {ORDER_PRICE} placeholders in your email template. These placeholders will then be replaced by the data of the order at the time the email is sent.

Description  Placeholders for order details data
ID {ORDER_ID}
Key {ORDER_KEY}
Discount {ORDER_DISCOUNT}
Tax {ORDER_TAX}
Shipping tax {ORDER_SHIPPING_TAX}
Shipping {ORDER_SHIPPING}
Price {ORDER_PRICE}
Date {ORDER_DATE}
Subtotal {ORDER_SUBTOTAL}
Download link (for virtual products, such as an ebook or a PDF file) {ORDER_DOWNLOAD_LINK}

Shipping and billing data

Shipping and billing data placeholders are used to personalize emails with the shipping and billing data of the customer who placed an order.

For example, if you want to add the customer's first name, last name, and shipping address, you should add the {SHIPPING_FIRST_NAME}, {SHIPPING_LAST_NAME}, and {SHIPPING_ADDRESS_1} placeholders in your email template. These placeholders will then be replaced by the shipping and billing data of the customer at the time the email is sent.

Description Placeholders for billing data Placeholders for shipping data
First name {BILLING_FIRST_NAME} {SHIPPING_FIRST_NAME}
Last name {BILLING_LAST_NAME} {SHIPPING_LAST_NAME}
Company {BILLING_COMPANY} {SHIPPING_COMPANY}
Address 1 {BILLING_ADDRESS_1} {SHIPPING_ADDRESS_1}
Address 2 {BILLING_ADDRESS_2} {SHIPPING_ADDRESS_2}
City {BILLING_CITY} {SHIPPING_CITY}
State {BILLING_STATE} {SHIPPING_STATE}
Postcode {BILLING_POSTCODE} {SHIPPING_POSTCODE}
Country {BILLING_COUNTRY} {SHIPPING_COUNTRY}
Phone number {BILLING_PHONE} {SHIPPING_METHOD_TITLE}
Email address {BILLING_EMAIL}  

Miscellaneous data

Description Placeholders for miscellaneous data
Discount  {CART_DISCOUNT}
Discount tax  {CART_DISCOUNT_TAX}
Information about the customer's browser and operating system  {CUSTOMER_USER}
Payment method (short form)  {PAYMENT_METHOD}
Payment method (long form)  {PAYMENT_METHOD_TITLE}
IP address of the customer  {CUSTOMER_IP_ADDRESS}
User agent  {CUSTOMER_USER_AGENT}
User login  {USER_LOGIN}
User password  {USER_PASSWORD} 
Refunded amount  {REFUNDED_AMOUNT}

Here's an example of how you can use order data placeholders in your order confirmation email template:

2021-09-02_16-31-56.png

🧪 Step 4: Test your email

💡 Good to know
Make sure you add the email address you use to test your email as a contact in your Brevo account. Their contact attributes will be used to populate the data of each placeholder. We generally advise using a test list.

It is good practice to send a test email to ensure all the placeholders in your email template are populating correctly. But note that only the contact attributes will be replaced with this test.

The only way to check if your order data placeholders work correctly is to test it with a real scenario: save and activate the email template, select it as your order confirmation template on your website and purchase a few products. You should receive your order confirmation email with the placeholders replaced by your order data.

Here's an example of how your order data placeholders should be replaced once your order confirmation email is sent:

mceclip3.png

✅ Step 5: Activate the email template

Once you are done creating your order confirmation email template, click Save & Activate. You will now be able to select the email template from the WooCommerce plugin.

❓ How to use a Brevo template in WooCommerce?

Check which version of the Brevo plugin for WooCommerce you are using before following the next steps: 

New Brevo plugin for WooCommerce Classic Brevo plugin for WooCommerce

new-woocommerce-plugin.png

Accessible from WooCommerce > Brevo in the left panel of your WooCommerce account

old-plugin.png

Accessible from Brevo in the left panel of your WooCommerce account

[New] WooCommerce plugin [Classic] WooCommerce plugin

To select a Brevo template as your default template:

  1. After creating the desired email templates in Brevo, click the account dropdown > Plugins & Integrations > My integrations. to access the settings of your WooCommerce integration.
  2. Click Email Options
    woocommerce_email-options_EN-US.png
  3. If you haven't already, toggle on the Enable Brevo to send WooCommerce emails option.
    woocommerce_toggle-email_EN-US.gif
    💡 Good to know
    If this option stays disabled, your customers will receive your default WooCommerce email templates or the ones you customized on WooCommerce. 
  4. Select which event will trigger the sending of transactional emails to your customers. For this specific use case, we need to select New order.
  5. Select WooCommerce to send your order confirmation email through WooCommerce servers. 
  6. Select from the Choose Template drop-down list the Brevo email template you've just created. 
    💡 Good to know
    By default, if you do not select an event, your customers will receive your default WooCommerce email templates, or the ones you customized on WooCommerce. 
    woocommerce_email-choose-template_EN-US.gif
  7. Click Save when you are done to confirm your transaction email settings. 
  8. In WooCommerce, go to the Emails tab to select to whom you want to send each type of email.
    mceclip1.png

⏩ What's next?

🤔 Have a question?

If you have a question, feel free to contact our support team by creating a ticket from your account. If you don't have an account yet, you can contact us here.

If you’re looking for help with a project using Brevo, we can match you with the right certified Brevo expert partner.

💬 Was this article helpful?

5 out of 20 found this helpful