HTML & MJML

Back to School Supplies Sale Email Template

Win the back-to-school shopping season with this school supplies sale email template designed for retailers, stationery shops, and ecommerce brands. A bright, playful layout puts the discount front and center, a checklist-style category section mirrors the school lists parents actually shop from, and a bold promo code drives checkout. Perfect for back-to-school promotions, school supply sales, summer clearance tie-ins, and parent-targeted seasonal campaigns. The responsive MJML design customizes in minutes — swap categories, adjust the discount, and match your brand colors before the first bell rings.

Edit In EmailBuilder.ai

About the Back to School Supplies Sale Email Template

Retailers and ecommerce brands competing for back-to-school budgets need more than a discount — they need a layout that mirrors how parents actually shop. This school supplies sale template leads with a bold offer, organizes products into a familiar checklist format, and drives urgency with a promo code. The result is an email that feels purpose-built for the season, not repurposed from a generic sale campaign.

When to use this template

Deploy in the six-week window between mid-July and late August when back-to-school shopping peaks. Trigger sends around local school calendar announcements, tax-free weekends, or when a shopper browses school supply categories without converting. A second send one week before school starts captures last-minute buyers.

Office supply retailers launching their annual back-to-school discount event
Ecommerce stationery shops promoting bundle deals on notebooks and pens
Amazon or Etsy sellers clearing summer inventory with a school-season angle
Grocery chains emailing parents about in-store school supply sections
Subscription box brands offering a first-box discount tied to the school season
Independent bookstores promoting supplies alongside their children's reading lists

Subject line ideas

Stock up and save: back-to-school supplies on sale
Your school supply checklist — now 30% off
First bell's soon. Grab supplies before they sell out
We checked the list. Everything's on sale this week

Best practices for back-to-school emails

Mirror the school supply list format parents already use — checklist-style category sections convert better than generic product grids.
Put the promo code in the hero section and repeat it above the footer so scanners never have to hunt for it.
Use grade-level or age-range labels in category headers to help parents self-select and click into relevant products faster.
Set a deadline tied to a real event — tax-free weekend or the local school start date — rather than a vague countdown.
Swap bright primary colors for your brand palette but keep high contrast; back-to-school shoppers skim quickly on mobile between store runs.

Template anatomy

How the Back to School Supplies Sale Email Template template is laid out, top to bottom:

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 text block, button.
section (1 column) containing social row, social link, text block.

Components used

Built from the following MJML elements:

18 text blocks3 social links2 buttons1 image1 social row

Color palette

Colors used across the Back to School Supplies Sale Email Template template:

#fffbeb

#b45309

#dc2626

#1f2937

#57534e

#ffffff

#78716c

#fbbf24

#a8a29e

Typography

Font stacks declared in the template:

Helvetica, Arial, sans-serif

MJML source code

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

<mjml>
  <mj-head>
    <mj-title>Back to School Supplies 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>Everything on the school list, up to 40% off 🎒</mj-preview>
  </mj-head>
  <mj-body background-color="#FFFBEB" width="600px">
    <mj-section background-color="#FFFBEB" padding="28px 36px 8px 36px">
      <mj-column>
        <mj-text color="#B45309" font-size="20px" letter-spacing="3px" align="center" padding="0px"><strong>PAPER &amp; PENCIL</strong></mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFBEB" padding="20px 36px 0px 36px">
      <mj-column>
        <mj-text color="#DC2626" font-size="15px" letter-spacing="4px" align="center" padding="0px 0px 10px 0px"><strong>✏️ THE BELL'S ABOUT TO RING</strong></mj-text>
        <mj-text color="#1F2937" font-size="50px" line-height="58px" align="center" padding="0px"><strong>Back to School Sale
up to 40% off</strong></mj-text>
        <mj-text color="#57534E" font-size="16px" align="center" padding="16px 20px 0px 20px">Backpacks, notebooks, pens and everything else on the list — checked off in one order, delivered before day one.</mj-text>
        <mj-button href="https://example.com" background-color="#DC2626" color="#FFFFFF" font-size="16px" border-radius="8px" inner-padding="16px 48px" padding="26px 0px 0px 0px"><strong>Shop the List →</strong></mj-button>
        <mj-text color="#78716C" font-size="13px" align="center" padding="14px 0px 0px 0px">Use code <strong>SCHOOL40</strong> · ends August 31</mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFBEB" padding="28px 36px 8px 36px">
      <mj-column>
        <mj-image src="https://images.unsplash.com/photo-1629652487043-fb2825838f8c?ixid=M3w4NzY5MzJ8MHwxfHNlYXJjaHwzfHxzY2hvb2wlMjBzdXBwbGllcyUyMGNvbG9yZnVsJTIwcGVuY2lscyUyMGRlc2t8ZW58MHwwfHx8MTc4MzM2NzEyNXww&ixlib=rb-4.1.0&w=1200&h=600&fit=crop&auto=format&q=80" alt="School supplies ready to go" border-radius="12px" fluid-on-mobile="true" padding="0px"></mj-image>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFBEB" padding="24px 36px 4px 36px">
      <mj-column>
        <mj-text color="#1F2937" font-size="24px" align="center" padding="0px"><strong>Check off the whole list</strong></mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FFFBEB" padding="16px 24px 32px 24px">

Want the full MJML?Open Back to School Supplies 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