Template Hedgehog
Open navigation

Production layout system

Shipping Notification System

Shipping update email combining tracking context, support links, and a clean legal footer.

4 production blocksPart of the Transactional systemSource, output, and handoff contextBuilt from the public production email system
Rendered email preview

System sequence

Message structure in order

  • Centred header. Keeps the email calm and operational.
  • Tracking update. Shows the current shipment state and next milestone.
  • Support links. Offers clear routes for delivery or order questions.
  • Transactional footer. Closes with policy and sender information.

Production guidance

How this moves into delivery

  • Edit the MJML recipe when you want to adjust structure, copy order, imagery, or CTA destinations.
  • Use the compiled HTML when your ESP, QA handoff, or review process needs final delivery markup.
  • Review the system order below before customising so the message hierarchy stays intact across clients.

Stack map

Production stack

4

Each layout is assembled from reusable production blocks. Inspect the system as a whole here, then open individual blocks only when you need source-level changes.

  1. 1
    Header Centred

    Headers

    Keeps the delivery message neutral and consistent.

  2. 2
    Shipping Notification Tracker

    Transactional Components

    Carries the current shipping state and timeline.

  3. 3
    Support Links Light

    Transactional Components

    Adds quick help routes if the shipment needs attention.

  4. 4
    Footer Privacy Light

    Footers

    Provides the expected transactional close.

Editable source

Layout MJML

Editable system source for adjusting message order, copy, imagery, and destination URLs.

Formatting code preview...

Compiled output

Compiled HTML

Final output for ESP handoff, QA review, and HTML-only delivery workflows.

Formatting code preview...

Layout system

Use layouts as reference architecture, then edit the underlying blocks

These public layout pages exist to show message order, block stacking, and the relationship between a full email and the underlying component system. Template Hedgehog Pro is there when your team wants the complete system archive locally for faster assembly and handoff.

See what's includedRead docs

This page helps you

  • See the full compiled email before editing
  • Understand which component blocks form the stack
  • Move from recipe-level structure to block-level customisation cleanly