Click any text to edit it right here · click an image or link to jump to its setting
- Replace the placeholder links: Header link, Button link, Help centre link.
Order Cancellation Email
Responsive · Dark mode
Abandoned Cart Email
Responsive · Dark mode
Back in Stock Email
Responsive · Dark mode
Order Confirmation Email
Responsive · Dark mode
Shipping Confirmation Email
Responsive · Dark mode
Order Delivered Email
Responsive · Dark modeOrder Cancellation Email — Free Responsive HTML Email Template
E-commerce · v1.0.0 · Updated 2026-11-03 · Gmail, Outlook & Apple Mail · Dark mode
What's included
Features
About this template
Order Cancellation Email — Free Cancelled Order Template for Stores
Order Cancellation Email confirms that an order will not be shipped and explains what happens to the money. Whether the customer asked, an item went out of stock, a payment failed or an address could not be verified, the questions are the same: is it definitely cancelled, which items, and when do I get my refund? This template answers each one in that order.
A stamp you cannot miss
The top of the card has a bordered "Cancelled" stamp on the left and the order number and order date on the right, so the status and which order it is are both clear before the headline. The headline and intro then confirm the cancellation in plain words and promise there is nothing to pay.
Who cancelled it, and why
A single information line says who cancelled the order and when, such as "Cancelled at your request on October 18 at 9:05 AM", or "Cancelled because the Ceramic Pour-Over Set is out of stock". Being specific is what stops a customer contacting support to ask why.
Items with their prices crossed out
Up to three items are listed with their variant and quantity, and the prices are struck through, a small visual cue that none of it will be charged. It mirrors the layout of the Order Confirmation so customers recognise the same order.
The refund in one box
A green refund panel shows the amount in large type, the card or account it is going back to, how long it usually takes, and an optional refund reference for bank enquiries. If nothing was charged, switch the refund box off.
A way back
"Shop again" brings the customer back to the store, and the closing note offers to restore an accidental cancellation within 24 hours. Paste it into Shopify's order cancelled notification (replacing the sample values with Liquid variables), WooCommerce, Klaviyo or your own code. It is transactional. When the money lands, the Refund Confirmation template can confirm it.
Extend with AI
Take This Email Further With AI
Give this prompt to an AI assistant to write your own version of the Order Cancellation Email email: draft ten subject lines and preheaders, adapt the copy for a customer segment, translate it, convert it to MJML or React Email, or write the plain-text version. Then paste the result back into the editor above to check it in desktop, mobile and dark mode.
Prompt to recreate it
Copy this into your AI assistant of choice to build the effect from scratch, or as a jumping-off point for your own variant:
Create a responsive HTML email: “Order Cancellation Email”, an e-commerce email.
Purpose: A clear "your order has been cancelled" email for stores: a cancelled stamp with the order number, who cancelled it and why (customer request, out of stock, payment or address problem), the cancelled items with prices struck through, a refund summary with the amount, card and how long it takes, a "Shop again" button and a support line.
Inbox text:
- Subject line: “Order #10482 has been cancelled”
- Preheader (hidden preview text): “As requested, your order is cancelled. $122.76 is on its way back to your Visa ending 4242.”
Content, top to bottom:
- Message & button
- Cancelled items (leave a name empty to hide it)
- Refund
Headline: “Your order has been cancelled”. Main button: “Shop again”.
Show products with an image, name and price in a grid that stacks on mobile, and make the button the most visible element.
Build it like a professional email developer:
- Table-based layout, 600px wide on desktop and fluid on mobile (width 100%, max-width 600px).
- Inline CSS on every element, with one small style block only for media queries and dark mode (prefers-color-scheme).
- A bulletproof, Outlook-safe call-to-action button (padded table cell with a VML fallback), never an image.
- Colours: brand and button #be123c, button text #ffffff, page background #f5eef0. Web-safe font stack with a fallback after the brand font.
- Every image has alt text and explicit width and height. Use PNG icons, never SVG, because Gmail and Outlook drop them.
- Hidden preheader text, a plain-text version, and a legal footer with the postal address, the reason the person is receiving it and a working unsubscribe link.
Finish with a short checklist of what to test in Gmail, Outlook for Windows, Apple Mail, mobile and dark mode.Want to tighten it up first? Run this prompt through the AI Prompt Studio to score it across 8 quality dimensions, catch anti-patterns, and tune the wording for Claude, ChatGPT, or Gemini before you paste it in.
Why use it
Why Use the Order Cancellation Email Template
How it’s different
How It’s Different From Other Free Email Templates
Step by step
How to Use
- 1Pick your email platformChoose Mailchimp, Klaviyo, HubSpot or Brevo under Merge tags so first names and unsubscribe links export in its syntax, or keep plain {{first_name}} tokens.
- 2Edit the contentFill in the message & button, cancelled items and refund, or click any text in the preview to jump to its field. Switch the refund on or off.
- 3Add your brandUpload or paste your logo, set the brand colour and the light and dark palettes, pick fonts, or apply your saved brand kit.
- 4Preview and checkSwitch between desktop, mobile and dark mode, and fix anything the pre-send checks flag, such as placeholder links or missing alt text.
- 5Export or forkCopy the HTML into Shopify, Klaviyo, Omnisend, Postmark or your own code, copy the plain-text version, download a ZIP with images, or fork it into My Code.
Real-world uses
Common Use Cases
Got questions?
Frequently Asked Questions
The order number, a clear statement that it is cancelled, who cancelled it and why, the items affected, the refund amount, where it is going and how long it takes, plus a way to order again or get help.
In Shopify admin go to Settings, then Notifications, then Order cancelled. Replace the code with this HTML and swap the sample values for Liquid variables such as {{ order.name }}, the line items loop and the refund total.
Switch off the Refund section and change the intro to say no payment was taken. The rest of the email (stamp, items and Shop again button) works the same way.
Name the item, apologise, confirm the refund and, if you can, link to a similar product or a back-in-stock alert. Customers are much more forgiving when they know exactly what happened.
Yes. It confirms a change to an order and a refund, so it does not need an unsubscribe link under US CAN-SPAM. Keep product promotions out of it; the Shop again button is fine.
It saves an editable copy of your Order Cancellation Email in My Code, the UI Snippets code editor: the email markup goes in the HTML panel and its CSS (mobile and dark-mode rules plus fonts) in the CSS panel, so you can keep refining the code and save your own versions.
Yes. It is free for personal and commercial email, with no sign-up and no watermark. Everything runs in your browser, and your edits are saved locally.