HTML & MJML

Discount Email Template

Engineered to convert browsers into buyers, this discount email template gives ecommerce brands, retail businesses, and SaaS companies a sharp, ready-to-deploy asset for high-impact promotional campaigns. The template features a bold discount-forward header, structured product sale sections, persuasive call-to-action buttons, and a fully responsive layout that renders flawlessly on desktop and mobile. Use it for flash sales, seasonal clearances, limited-time offers, customer win-back sequences, or holiday promotion pushes where urgency drives action. Marketers, founders, and email designers can customize colors, fonts, and imagery in minutes to align with any brand identity. Deploy this email template and watch click-through rates climb as subscribers respond to offers they simply cannot ignore.

Edit In EmailBuilder.ai

About the Discount Email Template

Built for ecommerce brands, retail businesses, and SaaS companies ready to move product fast, this discount email template leads with savings and drives action before subscribers scroll away. The bold discount-forward layout pairs urgency with clarity, making it the go-to format when a compelling offer needs to do the heavy lifting. When price is the hook, the structure around it determines whether readers click or bounce.

When to use this template

Deploy this template the moment a discount is live and time-sensitive. Ideal triggers include flash sale launches, cart abandonment follow-ups with an added incentive, seasonal clearance windows, and win-back sequences for lapsed customers. Holiday promotional calendars and inventory-clearing events are prime moments where a discount-led email reliably outperforms softer messaging.

A DTC apparel brand running a 48-hour sitewide clearance event
A SaaS company offering a limited-time annual plan upgrade discount
An online retailer launching a Black Friday or Cyber Monday promotion
A beauty brand rewarding lapsed subscribers with an exclusive comeback offer
A home goods store promoting end-of-season inventory at reduced prices
A subscription box service driving first-time conversions with a welcome discount

Subject line ideas

Your 30% off expires tonight — shop now
We slashed prices. Here's your exclusive access
This deal disappears at midnight ⏰
Just for you: a discount worth opening

Best practices for discount emails

Place the exact discount amount or percentage in the first visible line above the fold so readers never hunt for the offer.
Use a single, high-contrast CTA button per product section to eliminate decision fatigue and direct clicks precisely.
Add a deadline line directly beneath the CTA, not buried in fine print, so urgency stays visually attached to the action.
Limit featured products to three or fewer per email to keep discount focus sharp and prevent offer dilution.
Match the hero image background color to your discount badge color to create a unified visual urgency signal throughout the template.

Template anatomy

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

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

Components used

Built from the following MJML elements:

6 text blocks4 navbar links4 social links2 images2 spacers1 navbar1 button1 social row1 divider

Color palette

Colors used across the Discount Email Template template:

#eeeeee

#223358

#ffffff

#3b1d9c

#fff

#09001f

#5e5e5e

#211e1e

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 Discount 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>
      Get 30% Off Your Next Purchase!
    </mj-title>
    <mj-preview>
      Find out more about our exclusive discount offer. Limited time only!
    </mj-preview>
  </mj-head>
  <mj-body background-color="#eeeeee">
    <mj-section>
      <mj-column width="100%" vertical-align="middle">
        <mj-navbar base-url="https://emailbuilder.ai">
          <mj-navbar-link href="#">
            Home
          </mj-navbar-link>
          <mj-navbar-link href="#">
            About
          </mj-navbar-link>
          <mj-navbar-link href="#">
            Services
          </mj-navbar-link>
          <mj-navbar-link href="#">
            Contact
          </mj-navbar-link>
        </mj-navbar>
      </mj-column>
    </mj-section>
    <mj-section background-color="#223358" padding-bottom="40px" padding-left="30px" padding-right="30px" padding-top="30px" padding="30px">
      <mj-column padding="0">
        <mj-image href="https://emailbuilder.ai" width="150px" src="[[branding.logoURL]]" alt="Logo" align="left" padding="0">
        </mj-image>
        <mj-spacer height="60px">
        </mj-spacer>
        <mj-text color="#ffffff" font-size="58px" line-height="1.25" padding-bottom="30px" padding-left="10px" padding-right="60px" padding-top="10px" padding="10px">
          <strong>
            Your 30% discount ends tonight
          </strong>
        </mj-text>
        <mj-text color="#ffffff" font-size="24px" line-height="1.5" padding="10px">
          Lorem ipsum dolor sit amet.
          <br>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
          </mj-text>
          <mj-spacer height="30px">
          </mj-spacer>
          <mj-button background-color="#ffffff" border-radius="100px" color="#3B1D9C" font-size="24px" line-height="1.75" padding="10px" width="100%">
            <strong>
              MORE INFO
            </strong>
          </mj-button>
        </mj-column>
      </mj-section>
      <mj-section background-color="#fff" padding-bottom="0px" padding-left="20px" padding-right="20px" padding-top="20px" padding="20px">
        <mj-column padding="0">
          <mj-image fluid-on-mobile="true" padding-bottom="0px" padding-left="0px" padding-right="0px" padding-top="0px" padding="0px" src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/67c87c45d15d1c07d975e32f.png" width="200px">
          </mj-image>
        </mj-column>
      </mj-section>
      <mj-section background-color="#ffffff" padding-bottom="40px" padding-left="30px" padding-right="30px" padding-top="0px" padding="30px">
        <mj-column padding="0">
          <mj-text color="#3B1D9C" font-size="20px" line-height="1.5" padding="10px">
            <div>
              Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.&nbsp;
            </div>

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