HTML & MJML

Product Sale Email Template

Boost conversions instantly with this Product Sale Email Template, purpose-built for ecommerce brands, banks, and financial marketers chasing measurable results. The responsive layout blends bold discount callouts, sleek product showcase blocks, and high-contrast call-to-action buttons that render flawlessly across desktop and mobile inboxes. Use it to launch flash sales, promote credit card offers, roll out seasonal promotions, spotlight exclusive member perks, or push urgency around limited-time deals. Marketers, email designers, and growth teams in banking and financial services will appreciate how easily this promotion email template adapts to any brand while staying polished and trustworthy. Deploy it and expect sharper click-through rates, stronger loyalty, and a noticeable lift in revenue-driving engagement.

Edit In EmailBuilder.ai

About the Product Sale Email Template

Built for ecommerce teams, banks, and financial marketers who need a discount announcement that actually drives clicks, this layout pairs bold percentage-off callouts with clean product showcase blocks so every offer feels urgent and credible. The structure works because Promotion emails live or die on visual hierarchy—readers scan for the deal, the product, and the button in seconds. This template puts all three front and center, giving recipients a clear path from inbox to checkout without friction or clutter.

When to use this template

Deploy this template around flash sales, seasonal promotions, cardholder anniversary offers, and limited-time credit card incentives. It also performs well for cart abandonment follow-ups, new account welcome discounts, and quarterly loyalty perk announcements. Time sends around paydays, holiday shopping windows, or the final 48 hours of a promotion to capitalize on urgency and maximize open-to-click conversion.

A retail brand launching a 48-hour flash sale on bestselling products
A bank promoting a limited-time 0% APR credit card offer
An ecommerce store rolling out seasonal discounts for Black Friday or summer clearance
A financial services firm spotlighting exclusive perks for premium members
A subscription brand offering a win-back discount to lapsed customers
A credit union announcing a cashback bonus for new cardholders

Subject line ideas

Your 30% off ends at midnight
Something big just dropped for you
Last call: this deal disappears soon
We saved you a spot at this price

Best practices for promotion emails

Lead with the discount percentage or dollar amount in the header block so value is instant, not buried
Use a single high-contrast CTA button repeated once above the fold and once after the product showcase
Pair each featured product with a short benefit line instead of just a name and price tag
Add a visible countdown or expiration date near the CTA to reinforce urgency without sounding desperate
Keep financial disclosures or card terms in a small footer block so they don't compete with the offer

Template anatomy

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

section (2 columns) containing image, button.
section (4 columns) containing button.
section (1 column) containing text block.
section (1 column) containing spacer, text block, image, button.
section (1 column) containing divider.
section (2 columns) containing image, text block.
section (1 column) containing spacer.
section (1 column) containing divider.
section (2 columns) containing text block, social row, social link.

Components used

Built from the following MJML elements:

10 text blocks6 buttons4 images4 spacers3 social links2 dividers1 social row

Color palette

Colors used across the Product Sale Email Template template:

#ffffff

#006d77

transparent

#fff

#edf6f9

#515856

#555

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 Sale 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>
      Unlock Hidden Savings with Our Latest Promotion!
    </mj-title>
    <mj-preview>
      Don't miss out on our limited-time offer - redeem your discount now!
    </mj-preview>
  </mj-head>
  <mj-body>
    <mj-section>
      <mj-column width="30%" vertical-align="middle">
        <mj-image href="https://emailbuilder.ai" width="150px" src="[[branding.logoURL]]" alt="Logo" align="left" padding="0">
        </mj-image>
      </mj-column>
      <mj-column width="70%" vertical-align="middle">
        <mj-button align="right" href="https://emailbuilder.ai" padding-right="0px" color="#FFFFFF" background-color="#006D77" border-radius="0">
          Account
        </mj-button>
      </mj-column>
    </mj-section>
    <mj-section background-color="#006D77">
      <mj-column vertical-align="top">
        <mj-button background-color="transparent" href="https://emailbuilder.ai" padding="0">
          Deposits
        </mj-button>
      </mj-column>
      <mj-column vertical-align="top">
        <mj-button background-color="transparent" href="https://emailbuilder.ai" padding="0">
          Loans
        </mj-button>
      </mj-column>
      <mj-column vertical-align="top">
        <mj-button background-color="transparent" href="https://emailbuilder.ai" padding="0">
          Mortrages
        </mj-button>
      </mj-column>
      <mj-column vertical-align="top">
        <mj-button href="https://emailbuilder.ai" padding="0" background-color="transparent">
          Credits
        </mj-button>
      </mj-column>
    </mj-section>
    <mj-section background-color="#006D77" padding="20px">
      <mj-column padding="0">
        <mj-text align="center" color="#fff" font-size="20px" padding-bottom="0px" padding-left="10px" padding-right="10px" padding-top="0px" padding="10px" line-height="25px">
          <div>
            Come back and redeem
            <strong>
              your discount
            </strong>
          </div>
          <div>
            <strong>
              CODE20
            </strong>
          </div>
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#EDF6F9" padding="20px">
      <mj-column padding="0">
        <mj-spacer height="30px">
        </mj-spacer>
        <mj-text align="center" color="#006D77" font-size="48px" line-height="1.25" padding-bottom="10px" padding-left="30px" padding-right="30px" padding-top="10px" padding="10px" font-weight="bold">
          <p class="p1">
            Uncover hidden savings you don’t want to miss!
          </p>
        </mj-text>
        <mj-image fluid-on-mobile="true" src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/67c960b2d15d1c07d975f6ec.png" width="300px">
        </mj-image>
        <mj-text align="center" color="#006D77" font-size="20px" line-height="1.375" padding-bottom="10px" padding-left="30px" padding-right="30px" padding-top="10px" padding="10px" font-weight="bolder">
          Aenean accumsan magna urna, vehicula lobortis quam commodo in
        </mj-text>
        <mj-spacer height="20px">
        </mj-spacer>

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