HTML & MJML

New Feature Update

Crafted for SaaS teams, product managers, and startup founders, this new feature update email template makes every product launch feel polished and purposeful. The layout presents updates as clean, scannable cards — each highlighting a distinct feature or improvement — with a clear link driving readers to the full changelog. It's perfectly suited for announcing a major product release, sharing iterative sprint updates, celebrating a beta launch, or re-engaging dormant users with fresh functionality. Marketers and product teams alike will appreciate how this product update email template removes design friction, letting the work speak for itself. Use it consistently to build user trust, increase feature adoption, and turn every release into a meaningful touchpoint.

Edit In EmailBuilder.ai

About the New Feature Update

Built for SaaS teams, product managers, and startup founders who ship regularly, this new feature update template transforms release notes into a compelling user experience. Its card-based layout makes multiple features scannable at a glance, driving readers toward your changelog without overwhelming them. For any team that releases product updates on a cadence, this format builds anticipation, communicates value clearly, and keeps your user base engaged between major milestones.

When to use this template

Send immediately following a product release, sprint completion, or beta launch. It also works well as a monthly product digest or a re-engagement trigger for users who have been inactive for 30 or more days, giving them a concrete reason to return by showcasing what has changed since their last login.

A project management SaaS announcing three new workflow automation features to paying subscribers
A startup founder sharing beta launch highlights with early access waitlist members
A product team celebrating a major version release after a multi-month development cycle
A SaaS company re-engaging churned or dormant users with a showcase of recent improvements
A growth marketer sending a monthly product digest to keep free-tier users moving toward upgrade
An indie developer announcing iterative UI improvements to a loyal niche user community

Subject line ideas

What's new in [Product] this month
We just shipped something you'll love
Your workflow just got a serious upgrade
[Name], here's what changed since you last logged in

Best practices for product update / new feature emails

Lead each feature card with a concrete user benefit, not the technical capability name, to anchor value immediately.
Use a single changelog link rather than multiple CTAs per card to focus click intent and reduce decision fatigue.
Write feature headlines as outcomes — 'Export reports in one click' outperforms 'New export functionality added' every time.
Order your feature cards by user impact, placing the most workflow-changing update first to reward skimmers.
Include a brief one-line context note per feature explaining which user pain point or request drove the build, making updates feel responsive rather than arbitrary.

Template anatomy

How the New Feature Update template is laid out, top to bottom:

section (1 column) containing image.
section (1 column) containing text block.
section (1 column) containing text block.
section (1 column) 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, text block.

Components used

Built from the following MJML elements:

14 text blocks2 images1 button1 social row1 social link

Color palette

Colors used across the New Feature Update template:

#3f4152

#eef0f6

#ffffff

#312e81

#c7d2fe

#f5f6fe

#6366f1

#1e1b4b

#5b6072

#4f46e5

#98a0ae

Typography

Font stacks declared in the template:

Helvetica, Arial, sans-serif

MJML source code

A preview of the MJML markup for the New Feature Update template. Open it free in EmailBuilder.ai to get the complete source and start customizing.

<mjml>
  <mj-head>
    <mj-title>New Feature Update</mj-title>
    <mj-preview>What's new this release — three upgrades we think you'll love.</mj-preview>
    <mj-attributes>
      <mj-all font-family="Helvetica, Arial, sans-serif"></mj-all>
      <mj-text font-size="15px" line-height="24px" color="#3F4152"></mj-text>
    </mj-attributes>
  </mj-head>
  <mj-body background-color="#EEF0F6" width="600px">
    <mj-section background-color="#FFFFFF" padding="22px 40px 16px 40px">
      <mj-column>
        <mj-image src="[[branding.logoURL]]" alt="[[branding.businessInfo.companyName]] logo" width="150px" align="center" padding="0"></mj-image>
      </mj-column>
    </mj-section>
    <mj-section background-color="#312E81" padding="34px 44px 30px 44px">
      <mj-column>
        <mj-text color="#C7D2FE" font-size="13px" letter-spacing="3px" align="center" padding="0 0 10px 0">PRODUCT UPDATE</mj-text>
        <mj-text color="#FFFFFF" font-size="30px" line-height="38px" align="center" padding="0 0 8px 0"><strong>What's new this release</strong></mj-text>
        <mj-text color="#C7D2FE" font-size="15px" line-height="24px" align="center" padding="0">We've shipped three upgrades based on your feedback. Here's what changed and how to try each one.</mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFFFF" padding="30px 44px 0 44px">
      <mj-column background-color="#F5F6FE" border-radius="12px" padding="20px 24px">
        <mj-text color="#6366F1" font-size="12px" letter-spacing="1px" font-weight="700" padding="0 0 4px 0">NEW</mj-text>
        <mj-text color="#1E1B4B" font-size="18px" padding="0 0 6px 0"><strong>Faster, smarter search</strong></mj-text>
        <mj-text color="#5B6072" font-size="14px" line-height="22px" padding="0">Find any project, file, or setting in a single keystroke — results now appear as you type, with filters built in.</mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFFFF" padding="14px 44px 0 44px">
      <mj-column background-color="#F5F6FE" border-radius="12px" padding="20px 24px">
        <mj-text color="#6366F1" font-size="12px" letter-spacing="1px" font-weight="700" padding="0 0 4px 0">IMPROVED</mj-text>

Want the full MJML?Open New Feature Update 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