Production layout system
Onboarding Step System
Practical onboarding follow-up email built from a task card, support links, and one clear dual-action close.
5 production blocksPart of the SaaS lifecycle systemSource, output, and handoff contextBuilt from the public production email system
Rendered email preview
System sequence
Message structure in order
- Header. Keeps the email visually consistent with the welcome flow.
- Step card. Explains the current onboarding milestone.
- Support resources. Offers help routes without interrupting the primary task.
- Dual CTA. Lets teams offer continue and support actions together.
- Footer. Adds lifecycle-specific legal and preference copy.
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.
Maintains sender continuity across the onboarding system.
Carries the single step the user should complete next.
Surfaces help routes for users who need extra support.
Pairs the main task with a fallback support action.
Preserves the lifecycle footer language.