HTML & MJML

New Comment Notification Email Template

Bring users back to the conversation with this new comment notification email template designed for fast, clear engagement. A clean layout names the post, shows the commenter and their message in a tidy card, and offers a one-tap reply — plus reply-by-email support. Use this email template for comment notifications, community platforms, blogs, and social or collaboration apps. Product and lifecycle teams get a crisp, trustworthy transactional design that pulls people back into discussions and keeps engagement loops alive without feeling noisy.

Edit In EmailBuilder.ai

About the New Comment Notification Email Template

Designed for product teams, community managers, and blog platforms, this new comment notification email template turns a passive alert into an active conversation starter. By surfacing the commenter's name, post title, and message preview in a scannable card layout, it gives recipients everything they need to re-engage instantly — without opening the app. The one-tap reply CTA and reply-by-email fallback remove friction, making this format especially effective for keeping discussion threads alive.

When to use this template

Send this email the moment a new comment is posted on a user's content or a thread they follow. Real-time or near-real-time delivery is critical — a comment notification sent hours late loses its relevance. Batch digests work only for high-volume communities; for most platforms, immediate triggering drives the highest reply rates.

A SaaS platform notifying users when teammates comment on shared documents
A blog tool alerting authors the moment a reader responds to their post
A community forum pinging members when someone replies to their question
A social learning app notifying instructors of student comments on course content
A project management tool alerting collaborators to new feedback on task threads
A creator platform informing writers when fans engage with published articles

Subject line ideas

Someone just commented on your post
New reply — don't leave them waiting
You've got a new comment from {{commenter_name}}
The conversation is picking up — see what's new

Best practices for comment notification emails

Always display the commenter's name and avatar to make the notification feel personal, not automated
Show the first 2-3 lines of the actual comment so recipients grasp context before clicking reply
Include the exact post title as a hyperlink so users land directly in the right thread
Place the reply CTA button immediately after the comment preview card to shorten the path to engagement
Use the sender name field to show the commenter's name, not your brand name, to boost open rates

Template anatomy

How the New Comment Notification Email Template 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 button.
section (1 column) containing 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:

10 text blocks2 images1 button1 social row1 social link

Color palette

Colors used across the New Comment Notification Email Template template:

#3f3f46

#f4f4f5

#ffffff

#18181b

#71717a

#fafafa

#a1a1aa

#4f46e5

#9ca3af

Typography

Font stacks declared in the template:

Helvetica, Arial, sans-serif

MJML source code

A preview of the MJML markup for the New Comment Notification Email Template template. Open it free in EmailBuilder.ai to get the complete source and start customizing.

<mjml>
  <mj-head>
    <mj-title>New Comment Notification Email Template</mj-title>
    <mj-preview>Sarah left a comment on your post — read it and reply.</mj-preview>
    <mj-attributes>
      <mj-all font-family="Helvetica, Arial, sans-serif"></mj-all>
      <mj-text font-size="15px" line-height="24px" color="#3F3F46"></mj-text>
    </mj-attributes>
  </mj-head>
  <mj-body background-color="#F4F4F5" width="600px">
    <mj-section background-color="#FFFFFF" padding="24px 40px 16px 40px">
      <mj-column>
        <mj-image src="[[branding.logoURL]]" alt="[[branding.businessInfo.companyName]] logo" width="150px" align="left" padding="0"></mj-image>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFFFF" padding="14px 40px 0 40px">
      <mj-column>
        <mj-text color="#18181B" font-size="22px" font-weight="700" line-height="30px" padding="0 0 6px 0">New comment on your post</mj-text>
        <mj-text color="#71717A" font-size="15px" padding="0">Someone joined the conversation on <strong style="color:#3F3F46;">"Designing for the inbox"</strong>.</mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFFFF" padding="22px 40px 0 40px">
      <mj-column background-color="#FAFAFA" border="1px solid #E4E4E7" border-radius="12px" padding="22px 24px">
        <mj-text color="#18181B" font-size="15px" font-weight="700" padding="0 0 2px 0">Sarah Mitchell</mj-text>
        <mj-text color="#A1A1AA" font-size="13px" padding="0 0 14px 0">2 minutes ago</mj-text>
        <mj-text color="#3F3F46" font-size="16px" line-height="26px" padding="0">"This is exactly the breakdown I needed — the part about fallback fonts saved me an hour of debugging. Do you have a follow-up on dark mode?"</mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFFFF" padding="22px 40px 8px 40px">
      <mj-column>

Want the full MJML?Open New Comment Notification 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