HTML & MJML

Halloween Sale Email Template

Turn Halloween into your biggest October sale with this spooky-season email template built for ecommerce brands and retailers. A dramatic orange-purple-black design screams 31% OFF in oversized type, backed by a midnight-deadline banner, an emoji-driven category grid (costumes, decor, treats), and an auto-applied BOO31 code. Use this email template for Halloween flash sales, spooky-season promotions, costume and candy campaigns, and October clearance events. The high-contrast, mobile-first layout grabs attention in a crowded inbox and converts trick-or-treat browsers into buyers before the clock strikes twelve.
Edit In EmailBuilder.ai
Share:
Halloween Sale Email Template - email template preview
Show full preview โ–ผ

About the Halloween Sale Email Template

Ecommerce brands and retailers turn October's most chaotic shopping moment into measurable revenue with this Halloween flash-sale template. The orange-purple-black design leads with an oversized 31% OFF headline, auto-applies the BOO31 discount code, and drives urgency through a midnight-deadline countdown banner. Category tiles for costumes, decor, and treats keep browsing fast and conversion-focused โ€” exactly what a spooky-season audience needs before the night ends.

When to use this template

Deploy this template in the final 10 days of October when Halloween purchase intent peaks. The highest-converting windows are October 25โ€“28 for pre-Halloween delivery anxiety and October 31 morning for last-chance impulse buys. Trigger a follow-up send to non-openers 24 hours before midnight to maximize the deadline urgency built into the design.
  • Costume retailer running a sitewide 31% off Halloween flash sale
  • Candy and treats brand clearing October inventory before November
  • Home decor shop promoting last-minute spooky decorations and props
  • Party supply store driving urgency with a BOO31 midnight coupon drop
  • General ecommerce brand bundling Halloween gift sets across categories
  • Subscription box company offering a Halloween-themed limited edition deal

Subject line ideas

  • Your 31% OFF spell expires at midnight ๐ŸŽƒ
  • BOO31 is live โ€” shop before the clock strikes
  • The scariest sale of October ends tonight
  • Costumes, decor, treats โ€” all 31% off now

Best practices for halloween emails

  • Place BOO31 in bold inside the hero and again above the CTA button so it never gets missed
  • Use the midnight deadline as literal copy โ€” '11:59 PM tonight' outperforms vague 'limited time' phrasing for Halloween urgency
  • Keep the emoji category grid to three tiles maximum so mobile users tap a category within one scroll
  • Write product names in the treats and costumes tiles with Halloween-specific adjectives like haunted, cursed, or bewitched to reinforce seasonal relevance
  • Test the subject line with a skull or pumpkin emoji in position one since inbox rendering is reliable across Gmail and Apple Mail for Halloween sends

Template anatomy

How the Halloween Sale Email Template template is laid out, top to bottom:
  1. section (1 column) containing text block.
  2. section (1 column) containing text block.
  3. section (1 column) containing image.
  4. section (1 column) containing text block, button.
  5. section (1 column) containing text block.
  6. section (3 columns) containing text block.
  7. section (1 column) containing button.
  8. section (1 column) containing social row, social link, text block.

Components used

Built from the following MJML elements:
17 text blocks3 social links2 buttons1 image1 social row

Color palette

Colors used across the Halloween Sale Email Template template:
#0a0a0a
#000000
#fb923c
#f97316
#a855f7
#e5e7eb
#6b7280
#18181b
#ffffff
#d4d4d8

Typography

Font stacks declared in the template:
  • Helvetica, Arial, sans-serif

MJML source code

A preview of the MJML markup for the Halloween Sale Email Template template. Open it free in EmailBuilder.ai to get the complete source and start customizing.
<mjml>
  <mj-head>
    <mj-title>Halloween Sale 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>๐ŸŽƒ Spooky good savings โ€” 31% off everything through Halloween night.</mj-preview>
  </mj-head>
  <mj-body background-color="#0A0A0A" width="600px">
    <mj-section background-color="#000000" padding="28px 36px 22px 36px">
      <mj-column>
        <mj-text color="#FB923C" font-size="18px" letter-spacing="4px" align="center" padding="0px"><strong>NIGHTSHADE &amp; CO</strong></mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#F97316" padding="10px 20px">
      <mj-column>
        <mj-text color="#000000" font-size="14px" letter-spacing="2px" align="center" padding="0px"><strong>๐Ÿฆ‡ ENDS HALLOWEEN NIGHT ยท MIDNIGHT ๐Ÿฆ‡</strong></mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#000000" padding="0">
      <mj-column padding="0">
        <mj-image src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/6a4f842d3b36b1b77621ab33.jpg" alt="Halloween night" padding="0" fluid-on-mobile="true"></mj-image>
      </mj-column>
    </mj-section>
    <mj-section background-color="#000000" padding="42px 36px 12px 36px">
      <mj-column>
        <mj-text color="#A855F7" font-size="16px" letter-spacing="6px" align="center" padding="0px 0px 14px 0px">SPOOKY SAVINGS</mj-text>
        <mj-text color="#FB923C" font-size="80px" line-height="84px" align="center" padding="0px"><strong>31% OFF</strong></mj-text>
        <mj-text color="#E5E7EB" font-size="16px" align="center" padding="16px 12px 0px 12px">No tricks. Just treats. Everything storewide is 31% off โ€” because 31 October only comes once a year.</mj-text>
        <mj-button href="https://example.com" background-color="#F97316" color="#000000" font-size="16px" border-radius="4px" inner-padding="16px 46px" padding="30px 0px 12px 0px"><strong>Shop the Haunt โ†’</strong></mj-button>
        <mj-text color="#6B7280" font-size="13px" align="center" padding="0px 0px 40px 0px">Code <strong>BOO31</strong> applied at checkout</mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#18181B" padding="34px 24px 8px 24px">
      <mj-column>
        <mj-text color="#FFFFFF" font-size="20px" align="center" padding="0px 0px 16px 0px"><strong>Treats in every aisle</strong></mj-text>
Want the full MJML?Open Halloween 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

Browse more templates

Halloween Email TemplatesSeasonal Email TemplatesDiscount Email TemplatesE-commerce Email TemplatesAll Email Templates

Related halloween email templates