Production layout system
Order Confirmation System
Order confirmation email combining a transaction summary, a small cross-sell row, and a legal close.
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. Introduces the transaction in a stable, neutral frame.
- Order summary. Confirms what was purchased and the state of the order.
- Related products. Adds a modest follow-on recommendation block.
- Transactional footer. Provides policy and preference controls.
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
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.
Keeps the transaction header neutral and stable.
Carries the primary order information.
Adds a restrained recommendation layer after the core transaction content.
Closes with a lighter regulatory footer.