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 Sendinblue and send your order confirmation email directly through WooCommerce. We explain this method in this article.
  • You can create an email template in Sendinblue and send your order confirmation email through a workflow. 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 Sendinblue?

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

  • New orders
  • Processing orders
  • Refunded orders
  • Cancelled orders
  • Completed orders
  • New accounts

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

Learn how to select a Sendinblue email template for your WooCommerce order confirmation in the section How to use a Sendinblue 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.
    2021-09-01_15-40-03__1___1_.png
  3. Configure the settings just like a regular email template.
    Note: 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 editor you want to use (New Drag & Drop Editor or Classic 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 Sendinblue Template Language and do not mix placeholders from the Old Template Language with placeholders from the Sendinblue Template Language.

Insert placeholders for contact attributes

You can personalize your order confirmation email template with the contact attributes stored within your Sendinblue 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 Sendinblue, 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
mceclip0.png mceclip1.png

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 Sendinblue 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} 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}

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 that you added the email address you are using to test your email as a contact in your Sendinblue 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 please 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 then 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 Sendinblue template in WooCommerce?

To select a Sendinblue template as your default template:

  1. After creating the desired email templates in Sendinblue, log into your WooCommerce website.
  2. In the sidebar menu, go to WooCommerce > Settings.
  3. Go to the Sendinblue tab and select Email Options.
  4. In Notification Activation, select the type of email you want to send a notification for.
  5. In Templates, choose to use the Sendinblue templates.
  6. In Sendinblue Templates, select the Sendinblue template that you want to use for each type of email.
    2021-09-02_13-19-02.png
  7. Click Save changes.
  8. If necessary, go to the Emails tab to select to whom you want to send each type of email.
    mceclip1.png
💡 Good to know
If you do not select a Sendinblue template for a type of email, your customers will continue receiving your default WooCommerce notification templates.

⏩ 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.