HTML & MJML

Product Update Email Template

Turn every product launch into a scroll-stopping moment with this Product Update Email Template, built for e-commerce brands chasing real conversions. This free product update email template features bold product imagery blocks, promotional discount banners, and conversion-tested call-to-action buttons within a clean, responsive layout that renders beautifully on any device. Use it for new arrival announcements, featured product spotlights, flash product sales, seasonal promotions, or exclusive member-only discounts across fashion, jewelry, electronics, and lifestyle categories. Marketing managers, email designers, and e-commerce founders will appreciate how easily this e-commerce email template adapts to any brand aesthetic without sacrificing performance. Deploy it to boost click-through rates, accelerate sales, and strengthen customer loyalty campaign after campaign.

Edit In EmailBuilder.ai

About the Product Update Email Template

E-commerce teams launching new inventory or spotlighting bestsellers need an email that sells the product, not just describes it. This template gives marketing managers and store owners a ready-made structure of bold imagery blocks, discount banners, and high-contrast CTA buttons built specifically to drive clicks toward a product page. Because e-commerce audiences scroll fast and decide faster, this format leads with visuals and pricing instead of paragraphs, turning a routine update into a moment shoppers actually stop for.

When to use this template

Send this the moment you have something worth clicking for: a new arrival drop, a flash sale window, a restock, or a seasonal collection launch. It also performs well post-purchase as a cross-sell trigger, during cart-abandonment win-back sequences, or timed to paydays and holidays when purchase intent naturally spikes.

A fashion brand announcing a new seasonal collection to its full subscriber list
A jewelry label spotlighting a single hero product with limited-time pricing
An electronics retailer running a 48-hour flash sale on select devices
A lifestyle brand rewarding VIP members with an exclusive early-access discount
A DTC founder re-engaging dormant subscribers with a restocked bestseller
A boutique promoting a bundle deal ahead of a major holiday weekend

Subject line ideas

Just Dropped: The Product Everyone's Waiting For
24 Hours Only: Your Discount Expires Tonight
This Bestseller Is Back (And Selling Fast)
A Little Something We Saved Just For You

Best practices for e-commerce emails

Lead with one hero product image above the fold so the offer registers before any copy is read
Pair every discount banner with a specific deadline or stock count to convert browsing into urgency
Keep CTA button copy tied to the action, like Shop the Drop, instead of generic Buy Now text
Use consistent product photography angles and backgrounds across blocks so the layout feels curated, not cluttered
Place a secondary CTA near the footer for shoppers who scroll past the first offer without clicking

Template anatomy

How the Product Update Email Template template is laid out, top to bottom:

section (1 column) containing image.
section (3 columns) containing button.
hero containing text block, button.
section (1 column) containing text block.
section (1 column) containing button.
section (1 column) containing image.
section (1 column) containing text block.
section (1 column) containing button.
section (2 columns) containing image, text block, button.
section (2 columns) containing image, text block, button.
section (2 columns) containing image, text block, button.
section (1 column) containing image.
section (1 column) containing divider.
section (1 column) containing social row, social link, navbar, navbar link, divider.
section (1 column) containing text block.

Components used

Built from the following MJML elements:

11 text blocks9 buttons6 images4 social links4 navbar links2 dividers1 social row1 navbar

Color palette

Colors used across the Product Update Email Template template:

#b9b9b9

#ffffff

#fff

transparent

#1e1a1a

#2a3448

#c17264

#a5584b

#e1a243

#435035

#293819

#b0b1b2

Typography

Font stacks declared in the template:

system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif

MJML source code

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

<mjml>
  <mj-head>
    <mj-attributes>
      <mj-all font-family="system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif">
      </mj-all>
    </mj-attributes>
    <mj-title>
      Discover Our Latest Watch Collection
    </mj-title>
    <mj-preview>
      Explore our sophisticated watch collection and enjoy special promotions. Shop now and upgrade your style!
    </mj-preview>
  </mj-head>
  <mj-body background-color="#B9B9B9">
    <mj-section padding="10px 0px 0px 0px" background-color="#FFFFFF">
      <mj-column width="100%" vertical-align="top">
        <mj-image src="[[branding.logoURL]]" width="200px" border-radius="0px 0px 0px 0px">
        </mj-image>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFF">
      <mj-column vertical-align="top">
        <mj-button background-color="transparent" href="https://emailbuilder.ai" padding="0" text-transform="uppercase" font-size="20px" color="#1e1a1a" text-decoration="underline">
          shop
        </mj-button>
      </mj-column>
      <mj-column vertical-align="top">
        <mj-button background-color="transparent" href="https://emailbuilder.ai" padding="0" text-transform="uppercase" font-size="20px" color="#1e1a1a" text-decoration="underline">
          new arrivals
        </mj-button>
      </mj-column>
      <mj-column vertical-align="top">
        <mj-button background-color="transparent" href="https://emailbuilder.ai" padding="0" text-transform="uppercase" font-size="20px" color="#1e1a1a" text-decoration="underline">
          discounts
        </mj-button>
      </mj-column>
    </mj-section>
    <mj-hero background-url="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/67cc1edee12e149017b60287.jpg" background-color="#2a3448" padding="70px 0px">
      <mj-text color="#ffffff" align="center" font-size="45px">
        <div>
          <br>
          </div>
          <div>
            <br>
            </div>
            <div>
              <br>
              </div>
              <div>
                <br>
                </div>
                <div>
                  <br>
                  </div>
                  <div>
                    <br>
                    </div>
                    <div>
                      “Timeless. Elegant. Precise.”
                    </div>
                  </mj-text>
                  <mj-button href="https://emailbuilder.ai" align="center" font-weight="lighter" font-size="25px" padding-top="50px">
                    shop now
                  </mj-button>
                </mj-hero>
                <mj-section padding="10px 0px 10px 0px" background-color="#c17264">
                  <mj-column width="100%" vertical-align="top">
                    <mj-text align="center" padding="15px 50px 15px 50px" line-height="1.8" font-size="35px" color="#FFF">
                      <p class="p1">
                        Watches: More Than Just Timepieces
                      </p>
                    </mj-text>
                    <mj-text align="left" padding="15px 50px 15px 50px" font-size="15px" line-height="25px" color="#FFF">
                      <div>
                        A watch is more than a tool for telling time—it’s a statement of style, craftsmanship, and innovation. From the intricate mechanics of Swiss timepieces to the modern intelligence of smartwatches, each watch embodies precision and purpose.&nbsp;
                      </div>
                      <div>
                        <br>
                        </div>
                        <div>
                          Whether you appreciate the sophistication of a classic analog watch, the resilience of a sports model, or the advanced technology of a smartwatch, there’s a perfect timepiece for every lifestyle. More than just an accessory, a watch represents heritage, progress, and personal identity.
                        </div>
                      </mj-text>
                    </mj-column>
                  </mj-section>
                  <mj-section padding="10px 0px 30px 0px" background-color="#A5584B">
                    <mj-column width="100%" vertical-align="top">
                      <mj-button align="center" background-color="#E1A243" color="#ffffff" border-radius="99px" font-size="15px" padding="20px 20px 20px 20px" inner-padding="12px 25px 12px 25px" href="https://emailbuilder.ai" font-weight="normal" font-style="normal" text-transform="none" text-decoration="none" line-height="18.75px">
                        Find out more
                      </mj-button>
                    </mj-column>
                  </mj-section>
                  <mj-section padding="0px 0px 0px 0px">
                    <mj-column width="100%" vertical-align="top">
                      <mj-image src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/67cc1fcce12e149017b6040a.jpg" padding="0px 0px 0px 0px" border-radius="0px 0px 0px 0px">
                      </mj-image>
                    </mj-column>
                  </mj-section>
                  <mj-section padding="10px 0px 10px 0px" background-color="#435035">
                    <mj-column width="100%" vertical-align="top">
                      <mj-text align="left" padding="15px 50px 15px 50px" line-height="25px" color="#FFF" font-size="15px">
                        <p>
                          It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).
                        </p>
                      </mj-text>
                    </mj-column>
                  </mj-section>
                  <mj-section padding="10px 0px 30px 0px" background-color="#293819">
                    <mj-column width="100%" vertical-align="top">
                      <mj-button align="center" background-color="#E1A243" color="#ffffff" border-radius="99px" font-size="15px" padding="20px 20px 20px 20px" inner-padding="12px 25px 12px 25px" href="https://emailbuilder.ai" font-weight="normal" font-style="normal" text-transform="none" text-decoration="none" line-height="18.75px">
                        <div>
                          Find out more
                        </div>
                      </mj-button>
                    </mj-column>
                  </mj-section>

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