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. It's not possible to disable these emails.
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.
Note: We're releasing a new version of the Customer Notifications editor in waves. If your site doesn't have the options described here, visit Customer email notifications.
Step 1 - Go to Notifications
In the Home Menu, click Commerce, then click Customer Notifications.
Step 2 - Select the email to edit
In the Customer Notifications panel, click Order Emails, then choose 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 field 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 and edit your business address in the Header and Footer panel.
Note: Custom code modifications fall outside the scope of our support. This means that we’re unable to help further with setup or troubleshooting. Additionally, with a code-based solution, we can’t guarantee its functionality or full compatibility with Squarespace. This includes how it functions with our responsive design, particularly its appearance on mobile devices, and if it functions on all templates. Custom code can also cause display issues with future updates to our platform. While we can't help further, there are many resources that can point you in the right direction:
- Learn best practices for adding custom code.
- Read our general guide on third-party customizations.
- Visit Squarespace Forum, our customer and developer community.
- Hire a Squarespace Expert to help build custom code for your site.
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.
Subscriber settings
By default, subscribers receive the Order Confirmed email once, after the first subscription purchase. To send the email for every subscription renewal, check the box beneath Order confirmations for subscribers, then click Save.
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.
