HTML & MJML

Flash Sale Offer Email Template

Create urgency and drive instant conversions with this flash sale offer email template built for ecommerce stores, retail brands, and DTC marketers. The high-contrast hero announces the discount in seconds, a bold promo code block makes redemption effortless, and a deadline banner pushes subscribers to act before the offer expires. Ideal for 24-hour flash sales, weekend promotions, end-of-season clearances, and limited-inventory drops. Fully responsive MJML layout that is easy to customize in the drag-and-drop editor — swap the imagery, adjust the discount, and launch a revenue-driving campaign in minutes.

Edit In EmailBuilder.ai

About the Flash Sale Offer Email Template

Ecommerce brands and DTC marketers reaching for quick revenue spikes need a template engineered around speed and urgency — and that is exactly what this flash sale layout delivers. A high-contrast hero communicates the discount within seconds of opening, a dedicated promo code block removes friction at the moment of decision, and a countdown-style deadline banner transforms casual browsers into buyers before the offer window closes.

When to use this template

Deploy this template the moment your flash sale goes live, ideally between 10 a.m. and 1 p.m. on a Tuesday through Thursday for peak open rates. It also performs strongly as a last-call send 2 to 3 hours before the offer expires, re-engaging subscribers who opened but did not convert on the first send.

An apparel brand running a 24-hour sitewide 40% off event
A DTC skincare label clearing overstock with a weekend flash drop
An online electronics retailer promoting a single-day doorbuster discount
A Shopify store sending a surprise flash sale to its VIP loyalty segment
A seasonal home goods brand launching an end-of-summer inventory clearance
A subscription box company offering a limited-time discount on first-box sign-ups

Subject line ideas

⚡ 40% off ends at midnight — shop now
You have 6 hours. Our biggest sale is live.
Your exclusive flash sale code is inside
We dropped prices. Only for today.

Best practices for discount emails

Place the exact discount percentage and expiration time inside the hero headline, not below the fold.
Make the promo code visually isolated in a high-contrast box so it reads as a scannable, copy-ready element.
Use a single, product-specific CTA button instead of multiple links that dilute the urgency of the offer.
Write deadline copy in concrete terms — 'Ends Sunday at 11:59 p.m. EST' outperforms vague phrases like 'limited time only'.
Feature two to three bestselling products with crossed-out original prices to anchor the perceived value of the discount.

Template anatomy

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

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

Components used

Built from the following MJML elements:

15 text blocks3 social links2 buttons1 image1 social row

Color palette

Colors used across the Flash Sale Offer Email Template template:

#f4f4f4

#111111

#ffffff

#e11d2e

#d1d5db

#9ca3af

#374151

#6b7280

Typography

Font stacks declared in the template:

Helvetica, Arial, sans-serif

MJML source code

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

<mjml>
  <mj-head>
    <mj-title>Flash Sale Offer Email Template</mj-title>
    <mj-attributes>
      <mj-all font-family="Helvetica, Arial, sans-serif"></mj-all>
      <mj-text font-size="14px" line-height="24px"></mj-text>
    </mj-attributes>
    <mj-preview>50% off everything — tonight only. Your code inside.</mj-preview>
  </mj-head>
  <mj-body background-color="#f4f4f4" width="600px">
    <mj-section background-color="#111111" padding="28px 36px 24px 36px">
      <mj-column>
        <mj-text color="#FFFFFF" font-size="20px" letter-spacing="4px" align="center" padding="0px"><strong>STOREFRONT</strong></mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#E11D2E" padding="10px 20px">
      <mj-column>
        <mj-text color="#FFFFFF" font-size="14px" letter-spacing="2px" align="center" padding="0px"><strong>⚡ ENDS TONIGHT AT MIDNIGHT ⚡</strong></mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#111111" padding="48px 36px 8px 36px">
      <mj-column>
        <mj-text color="#FFFFFF" font-size="18px" letter-spacing="6px" align="center" padding="0px 0px 12px 0px">FLASH SALE</mj-text>
        <mj-text color="#FFFFFF" font-size="72px" line-height="76px" align="center" padding="0px"><strong>50% OFF</strong></mj-text>
        <mj-text color="#D1D5DB" font-size="16px" align="center" padding="16px 0px 0px 0px">Everything. No exclusions. One night only.</mj-text>
        <mj-button href="https://example.com" background-color="#E11D2E" color="#FFFFFF" font-size="16px" border-radius="4px" inner-padding="16px 44px" padding="28px 0px 12px 0px"><strong>Shop the Sale →</strong></mj-button>
        <mj-text color="#9CA3AF" font-size="13px" align="center" padding="0px 0px 32px 0px">Use code <strong>FLASH50</strong> at checkout</mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#111111" padding="0px 36px 40px 36px">
      <mj-column>
        <mj-image src="https://images.unsplash.com/photo-1760565030401-c37ce3432ad6?ixid=M3w4NzY5MzJ8MHwxfHNlYXJjaHwxfHxmYXNoaW9uJTIwc2FsZSUyMHNob3BwaW5nJTIwYmFnc3xlbnwwfDB8fHwxNzgzMzQ2MDYxfDA&ixlib=rb-4.1.0&w=1200&fit=crop&auto=format&q=80" alt="Flash sale shopping" border-radius="8px" fluid-on-mobile="true" padding="0px"></mj-image>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFFFF" padding="36px 36px 12px 36px">
      <mj-column>

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