Order notification emails are the transactional notifications your customers receive about their orders and shipping information. You can customize the subject, title, and message body of each email to provide additional information and suit your business's needs.
There are three Order emails:
- Order Confirmed - Sent automatically after a purchase. It acts a receipt and includes an order summary.
- Order Fulfilled - Sent automatically when an order is marked as fulfilled. This email can include a tracking number.
- Order Refunded - Sent automatically when an order is cancelled or a refund is issued
This guide covers editing all three order notification emails.
Tip: You can create a custom header and footer for all Order emails.
Step 1 - Go to Notifications
In the Home Menu, click Settings, and then click Notifications.
Step 2 - Select the email to edit
In the Commerce Emails Settings panel, select which email you want to edit: Order Confirmed, Order Fulfilled, or Order Refunded.
Step 3 - Edit the subject line, title, and message
A new panel will open, where you can customize most of the default email content. You can edit the subject line, title, and message. This example uses the Order Confirmed email, but the process is identical for Order Fulfilled and Order Refunded emails.
You can use these variables:
- %o - Displays order number.
- %s - Displays your site title.
As you make changes, a preview of a live email populates to the right.
- Subject Line - You can customize the default subject line. For example, the default subject line for the Order Confirmed email is "%s: New Order Confirmed #%o". Look at the example below the box to see how these variables are translated for your site.
- Title - Use a combination of custom text and the variables below to customize the main header of the email.
- Message - Use text, HTML, and JSON variables to customize the body of the email. For example, you can include information about how you ship orders, your refund policy, or anything else customers should know.
Use JSON variables in the email content
When customizing these emails, usually regular text will suffice. There are also variables included in the default email content that you can use. These automatically populate information about your store and the specifics of the order.
In the Subject Line and Title fields, you can use these variables:
- %o - The order number.
- %s - The title of your site.
In the Message field, you can use these variables:
| hasPhysicalProduct | Section will appear if the order has at least one physical product |
| hasDigitalProduct | Section will appear if the order has at least one digital product |
| hasServiceProduct | Section will appear if the order has at least one service product |
| order.displayId | The five digit "Order ID," e.g #00005 |
| order.submittedOn | The date/time the order was submitted. This has to be run through a formatter function, date, to print into the email correctly, hence why the default template says: {order.submittedOn|date %B %e, %Y %I:%M%p %Z} |
| website.siteTitle | Your site title |
| %B | Full month name |
| %e | Day of month |
| %Y | Full year |
|
%I |
Hour of day, in 12-hour format |
|
%M |
minute of hour |
|
%p |
"AM" or "PM" |
|
%Z |
Time zone name |
When you're finished making changes, click Save.
Send a test email
To see how an email appears in your inbox, you can send yourself a test email by clicking Send Test Email To Youremail@email.com.
Note: Test emails include order details for a typical physical product order, even if you only sell digital or service products. Details include a placeholder tracking number and a shipping address, which aren't in real emails for digital or service products. To preview emails sent to customers for digital or service product orders, run a test order.
Restore to defaults
To reset the changes you've made, scroll down to the panel and click Restore Defaults. Use caution, as this process can't be reversed.
