WPMake

← Back to BlogHow to Brand Your Post-Purchase Order Emails Without Touching CodeTUTORIAL

How to Brand Your Post-Purchase Order Emails Without Touching Code

⏱ 7 min read  ·  👤 david  ·  Sep 1, 2026

Default WooCommerce emails look exactly like default WooCommerce emails: a coloured header, a grey table, no logo, nothing that says who sent it. They are also, by a wide margin, the highest-open-rate messages your store will ever send — because the customer is actively waiting for them.

Fixing that takes about twenty minutes and no code. Here is the whole path, and one thing to understand first about where these emails come from.

These are WooCommerce emails, not plugin emails

Worth knowing before you go looking for a template editor. Post-Purchase Hub does not fork your emails or add a parallel notification system. Its Emails tab exists to tell you that and send you to the right screen — the card is headed “Where these emails are configured”, and the only control on it is a button labelled Open WooCommerce email settings.

Post-Purchase Hub Emails settings tab with a card explaining where the emails are configured and a button opening WooCommerce email settings
“This plugin’s emails live with your other WooCommerce emails, so you change their recipients, subjects and wording in one place rather than two.”

This is a good thing twice over. Anything you style once applies to every transactional email your store sends, not just the post-purchase ones. And if you ever remove the plugin, your email branding stays exactly where it was.

Where the settings actually live

Go to WooCommerce → Settings → Emails. The Email notifications section lists every transactional email your store can send, with a toggle, its content type, its recipients and a Manage button on each row.

WooCommerce Email notifications list showing each email with an enabled toggle, content type, recipients and a Manage button
Every transactional email in one list. Note that some rows are off by default — the greyed toggle is the customer-facing Cancelled order email.

Two things are worth noticing on this screen before you touch any styling.

First, some emails are off by default, and the customer-facing Cancelled order email is often one of them. If you have switched on self-service cancellation requests, that is the message a customer gets when you approve one — leaving it disabled means approving a request silently, which produces exactly the follow-up email you were trying to avoid.

Second, there is no “shipped” email in core WooCommerce. Completed order is the closest thing, which is why its wording matters more than the default text suggests, and why a live order timeline does the work an email cannot.

Step 1: Fix the sender details first

The least glamorous step and the one that matters most for deliverability. Set the “From” name to your store name as customers recognise it, and the “From” address to a real, monitored address on your own domain. A no-reply address on a domain that does not match your site is the fastest route into a spam folder, and it throws away every reply a customer might have sent you. WooCommerce also recommends a dedicated SMTP setup here rather than relying on your host’s mail function.

Step 2: Add your logo and colours

Below the notification list is the Email template section — “Customize your WooCommerce email template and preview it below.” Recent WooCommerce versions give you:

  • Logo — an upload field, plus Logo width (px) and Header alignment (left, centre, right). A wide, light-background version around 400–600px wide works best.
  • Font family — a short list of email-safe families.
  • Footer text — the default is {site_title}<br />{store_address}.

Underneath sits the Color palette, with an Auto-sync with theme changes toggle that pulls colours from your active theme. Switch it off to set them by hand:

  • Accent — the header band, buttons and links. This is the one that makes an email look like yours.
  • Email background — the area around the message.
  • Content background — the panel the content sits on. Keep it white or near-white; clever choices here hurt readability.
  • Heading & text and Secondary text — dark grey reads better on screen than pure black.
WooCommerce Email template settings showing logo, logo width, header alignment, font family, footer text and the Accent, Email background, Content background, Heading and text and Secondary text colour fields
Logo, footer text and the colour palette — all fields, no code. Older WooCommerce versions show the same idea under different names: Header image, Base colour, Background colour.

If your store is on an older WooCommerce release you will see the earlier equivalents — Header image, Base colour, Background colour, Body background colour, Body text colour. The advice is identical; only the labels moved.

Use the footer text for the things customers look for when something has gone wrong: store name, a support address, and a link to your returns policy. It appears on every email, which makes it the cheapest support deflection you will ever set up.

Step 3: Rewrite the subject lines and headings

Open any email with Manage and you get its recipient, subject, heading and additional content. WooCommerce placeholders work in the subject and heading fields, and the list is short — it is worth knowing exactly what is available rather than guessing:

  • {site_title} — your site title
  • {site_address} and {site_url} — your web address
  • {order_date} — the date the order was placed
  • {order_number} — the order number

There is no customer-name placeholder in the subject line, so the common advice to open with a first name does not apply here. What does work:

  • Lead with the order number. “Order {order_number} is on its way” beats “Your order is now complete” — a customer with two open orders can tell which is which from the inbox list.
  • Say what happens next in the additional content. That field appears above the footer on that one email, which makes it the right place for “we pack Monday to Friday and you will get a note the moment it leaves us”.
  • Give the cancelled-order email real wording. It confirms a decision the customer asked for, and a specific, warm version prevents the follow-up asking whether a refund is coming — which it will need to, since the plugin never issues one.

Step 4: Preview, then send yourself a real one

The Email preview section lets you pick any template from a dropdown and view it desktop or mobile, and there is a Send a test email button that will deliver it to any address you like. Use both — the preview catches a logo that is too large or an accent colour that eats your text; the test email catches how a real client renders it.

Then do the last mile properly: place a test order on your own store, move it through each status from the admin, and read every email as it arrives. Check it on a phone as well as a desktop. Email clients are relentlessly inconsistent, and most of your customers are reading on a phone.

What emails cannot do, and what to use instead

An email is a snapshot of one moment. The question customers actually have — where is my order right now — is better answered by a live page than by a message sent three days ago. Set up the order status timeline alongside your emails, then link to it from the footer text, so every email you have ever sent doubles as a route back to the live answer.

That combination is what actually reduces inbox volume: fewer “where is my order” emails during a busy season, because the answer is one click away from every message you have already sent.

A quick checklist

  1. “From” name and address set to a real, monitored address on your domain
  2. Customer-facing Cancelled order email enabled if you accept cancellation requests
  3. Logo uploaded, with a sensible logo width and header alignment
  4. Accent, background and text colours set, or auto-sync deliberately left on
  5. Footer text carrying store name, support address and a link to the order page
  6. Subject lines rewritten to lead with {order_number}
  7. A test email sent, and a real test order read on a phone
How to Brand Your Post-Purchase Order Emails Without Touching Code