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 also create automated campaigns to send marketing emails to customers after they make a purchase.
Step 1 - Go to Notifications
In the Home Menu, click Commerce, and then click Customer Notifications.
Step 2 - Select the email to edit
In the Customer Notifications 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. Edits you make to this email notification apply to all product types.
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.
You can create a custom header and footer for all Order emails in the Header and Footer panel.
Note: We recommend having coding knowledge before customizing order emails with HTML and JSON. While we can help with the steps in this guide, we can't provide assistance for advanced code modifications using HTML or JSON. If you need more help, we recommend exploring the Squarespace Forum, or our list of resources to help with custom code.
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 by placing them inside curly brackets, for example {order.displayId}:
| customer.name | The full name (first + last) of the customer |
| giftCard.giftCardCodeLast4 | The last 4 digits of the gift card code. |
| giftCard.recipientEmail | The gift card recipient's email address. |
| 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 |
| hasGiftCardProduct | Section will appear if the order has at least one gift card |
| order.displayId | The five digit "Order ID," e.g #00005 |
| order.refundTotalFormatted | The refund amount. |
| 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} |
| order.url |
Show the order number with a link to the customer's account. Note: Enable customer accounts before using this variable. |
| 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.
Note: Order emails always include the billing and shipping information customers enter at checkout. Order Confirmed emails for digital and service products don't include shipping details.
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.
