HTML & MJML

Your Order Has Shipped Email Template

Keep buyers informed with this order-shipped notification email template. An on-its-way hero, a live-tracking CTA, and a delivery-details grid (carrier, ETA, support) reduce where-is-my-order tickets and keep customers excited for arrival. Built with responsive HTML and MJML, it renders cleanly across Gmail, Outlook, Apple Mail and every major client, and is fully customizable in the drag-and-drop editor — swap the colors, images, and copy to match your brand in minutes, no coding required.

Edit In EmailBuilder.ai

About the Your Order Has Shipped Email Template

Retailers, DTC brands, and marketplace sellers can dramatically cut where-is-my-order support tickets with a well-timed shipment notification. This order-shipped template pairs an energetic on-its-way hero image with a live-tracking CTA and a scannable delivery-details grid covering carrier, estimated arrival, and support links — turning a routine logistics update into a branded moment that keeps post-purchase excitement alive and builds lasting customer trust.

When to use this template

Trigger this email the moment your fulfillment system generates a tracking number and marks the order as shipped — typically within minutes of the carrier scan. Sending at this exact fulfillment event, rather than on a daily batch schedule, ensures customers receive accurate tracking data while purchase anticipation is still high.

DTC apparel brands confirming a first-time customer's order is en route
Subscription box services notifying subscribers their monthly box has shipped
Electronics retailers sharing carrier and ETA details for high-value hardware orders
Furniture e-commerce stores reducing anxiety with white-glove delivery tracking links
Marketplace sellers on Shopify or WooCommerce automating post-purchase shipping updates
Gift senders needing to forward a recipient-friendly tracking notification by email

Subject line ideas

Your order is on its way 🚚
Great news — it just shipped!
Heads up: delivery arriving by [Date]
[Name], your package left the warehouse

Best practices for post purchase / recent purchase emails

Place the tracking CTA button above the fold so mobile users never have to scroll to find it
Display carrier name, tracking number, and ETA as scannable data points in a three-column grid, not buried in paragraph text
Use the hero image to visualize the specific product category shipped, reinforcing purchase satisfaction at a glance
Include a one-click customer support link inside the delivery grid to preempt anxiety before it becomes a ticket
Write the headline in active, momentum-driven language — Your Order Is On Its Way beats the passive Your Order Has Been Shipped

Template anatomy

How the Your Order Has Shipped Email Template template is laid out, top to bottom:

section (1 column) containing image.
section (1 column) containing text block.
section (4 columns) containing text block.
section (1 column) containing text block.
section (1 column) containing button, text block.
section (1 column) containing image, social row, social link.
section (1 column) containing text block.

Components used

Built from the following MJML elements:

16 text blocks2 images1 button1 social row1 social link

Color palette

Colors used across the Your Order Has Shipped Email Template template:

#374151

#f0fdf4

#ffffff

#059669

#064e3b

#6b7280

#ecfdf5

#065f46

#a7f3d0

#9ca3af

#f9fafb

#111827

Typography

Font stacks declared in the template:

Helvetica, Arial, sans-serif

MJML source code

A preview of the MJML markup for the Your Order Has Shipped Email Template template. Open it free in EmailBuilder.ai to get the complete source and start customizing.

<mjml>
  <mj-head>
    <mj-title>Your Order Has Shipped Email Template</mj-title>
    <mj-preview>Good news — your order is on its way!</mj-preview>
    <mj-attributes>
      <mj-all font-family="Helvetica, Arial, sans-serif"></mj-all>
      <mj-text font-size="15px" line-height="24px" color="#374151"></mj-text>
    </mj-attributes>
  </mj-head>
  <mj-body background-color="#F0FDF4" width="600px">
    <mj-section background-color="#FFFFFF" padding="24px 40px 18px 40px">
      <mj-column>
        <mj-image src="[[branding.logoURL]]" alt="[[branding.businessInfo.companyName]] logo" width="140px" align="left" padding="0"></mj-image>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFFFF" padding="10px 40px 0 40px">
      <mj-column>
        <mj-text color="#059669" font-size="13px" font-weight="700" letter-spacing="2px" padding="0 0 8px 0">SHIPPED</mj-text>
        <mj-text color="#064E3B" font-size="28px" font-weight="700" line-height="36px" padding="0 0 6px 0">Your order is on its way</mj-text>
        <mj-text color="#6B7280" font-size="15px" padding="0">Order #FF-20841 left our warehouse today. Here's where it is right now.</mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#ECFDF5" border-radius="12px" padding="24px 20px 18px 20px">
      <mj-column width="25%" padding="0">
        <mj-text align="center" color="#059669" font-size="20px" padding="0">&#10004;</mj-text>
        <mj-text align="center" color="#065F46" font-size="12px" font-weight="700" padding="6px 0 0 0">Ordered</mj-text>
      </mj-column>
      <mj-column width="25%" padding="0">
        <mj-text align="center" color="#059669" font-size="20px" padding="0">&#10004;</mj-text>
        <mj-text align="center" color="#065F46" font-size="12px" font-weight="700" padding="6px 0 0 0">Packed</mj-text>
      </mj-column>
      <mj-column width="25%" padding="0">
        <mj-text align="center" color="#059669" font-size="22px" padding="0">&#9679;</mj-text>
        <mj-text align="center" color="#065F46" font-size="12px" font-weight="700" padding="6px 0 0 0">Shipped</mj-text>
      </mj-column>
      <mj-column width="25%" padding="0">

Want the full MJML?Open Your Order Has Shipped Email Template free in the editor to copy the complete, production-ready source — and customize it with drag-and-drop.Get the full MJML — it's free