HTML & MJML

Shoe Sale Responsive Email Template

Crafted for fashion retailers, footwear boutiques, and ecommerce brands ready to convert browsers into buyers, this shoe sale responsive email template delivers a bold, mobile-optimized design built to drive results. The email template features high-impact imagery sections, sharp typography, discount badge placements, and strategically positioned call-to-action buttons that showcase sneakers, boots, sandals, and dress shoes beautifully across every device. Ideal for seasonal clearance events, flash sales, new collection launches, and Black Friday promotions, it adapts effortlessly to any footwear campaign. Marketers, retail designers, and ecommerce teams can quickly customize product grids and promotional messaging to reflect their brand identity, eliminating hours of manual design work and accelerating deployment.

Edit In EmailBuilder.ai

About the Shoe Sale Responsive Email Template

Fashion retailers and footwear brands need more than a pretty layout — they need a conversion machine. Built specifically for shoe sales, this responsive template pairs high-impact product imagery with bold discount badges and precision-placed CTAs to turn email opens into purchases. Whether you're running a weekend flash sale or a full seasonal clearance event, the structured product grid format makes browsing feel effortless and buying feel urgent across every screen size.

When to use this template

Deploy this template during peak footwear shopping moments: back-to-school season, holiday gifting windows, end-of-season clearance cycles, and Black Friday or Cyber Monday campaigns. It also performs strongly as a triggered send following cart abandonment on shoe product pages or after a subscriber browses your footwear category without converting.

Independent sneaker boutiques running a limited-time weekend flash sale
Ecommerce brands launching a new spring sandal or summer footwear collection
Multi-brand retailers clearing out end-of-season boot and winter shoe inventory
Athletic footwear brands promoting a Black Friday sitewide discount event
Luxury shoe labels announcing a members-only early access sale event
DTC footwear startups sending a first-purchase welcome discount to new subscribers

Subject line ideas

Your next favorite pair is on sale now 👟
48 hours only — up to 50% off every shoe
Step into savings before they sell out
We picked these deals just for you

Best practices for product sale emails

Lead with the deepest discount in your headline — shoe shoppers respond to specific percentages over vague savings language
Assign each shoe category its own product grid block so sneakers, boots, and sandals never compete for visual attention
Place a countdown timer directly above the primary CTA button to reinforce flash sale urgency without relying solely on copy
Write CTA button text that names the action and the product type, such as Shop Sneakers or Grab My Pair, not just Buy Now
Use the discount badge placement on individual product images rather than only in the header to drive clicks deeper in the email

Template anatomy

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

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

Components used

Built from the following MJML elements:

10 text blocks8 images8 buttons3 social links1 social row

Color palette

Colors used across the Shoe Sale Responsive Email Template template:

#d6dde5

#ffffff

#f7f5f5

#fa8739

#2f323b

#fff

#000

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 Shoe Sale Responsive 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-head>
  <mj-body background-color="#d6dde5">
    <mj-section background-color="#ffffff">
      <mj-column width="50%">
        <mj-image href="https://emailbuilder.ai" src="[[branding.logoURL]]" alt="Racoon logo" align="center" padding="10px">
        </mj-image>
      </mj-column>
    </mj-section>
    <mj-section background-color="#ffffff" background-url="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/66a9085f9f9d4327292c0b84.jpg" background-size="cover" padding-bottom="20px" padding-top="20px">
      <mj-column>
        <mj-text align="center" font-size="28px" padding-left="25px" padding-right="25px" padding-bottom="10px" padding-top="10px" color="#f7f5f5" font-weight="bolder" container-background-color="#fa8739">
          <p>
            Looking for big&nbsp;
          </p>
          <p>
            gest sale of this year?
            <br>
            </p>
          </mj-text>
          <mj-button mj-class="button" href="https://mjml.io" padding="305px 25px 0">
            <p>
              <strong>
                SUBSCRIBE TODAY
              </strong>
              <br>
              </p>
            </mj-button>
          </mj-column>
        </mj-section>
        <mj-section background-color="#2f323b" padding-bottom="0px" padding-top="0">
          <mj-column width="75%">
            <mj-text align="left" color="#fff" font-size="18px" padding-left="25px" padding-right="25px" padding-bottom="10px" padding-top="10px">
              <p>
                FREE SHIPPING ON ORDERS OVER 155&#x20ac;
              </p>
            </mj-text>
          </mj-column>
        </mj-section>
        <mj-section background-color="#fff" padding-bottom="20px">
          <mj-column vertical-align="bottom">
            <mj-image src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/66a9086b9f9d4327292c0b98.jpg" alt="Chesterk tank" align="center" border="none" padding-left="0px" padding-right="0px" padding-bottom="20px" padding-top="30px">
            </mj-image>
            <mj-text font-weight="bold" align="center" color="#000" font-size="15px" padding-left="25px" padding-right="25px" padding-bottom="0px" padding-top="0">
              <p>
                VERY GOOD
                <br>
                </p>
                <p>
                  - 15&#x20ac;
                </p>
              </mj-text>
              <mj-button background-color="#fa8739" color="#fff" font-size="13px" align="center" padding="15px 30px" border-radius="3px" href="https://mjml.io" padding-bottom="10px" padding-top="0">
                BUY NOW
              </mj-button>
            </mj-column>
            <mj-column vertical-align="bottom">
              <mj-image src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/66a908929f9d4327292c0be8" alt="Jensen shorts" align="center" border="none" padding-left="0px" padding-right="0px" padding-bottom="20px" padding-top="30px">
              </mj-image>
              <mj-text font-weight="bold" align="center" color="#000" font-size="15px" padding-left="25px" padding-right="25px" padding-bottom="0px" padding-top="0px">
                <p>
                  Great Ones
                  <br>
                  </p>
                  <p>
                    - 28&#x20ac;
                  </p>
                </mj-text>
                <mj-button background-color="#fa8739" color="#fff" font-size="13px" align="center" padding="15px 30px" border-radius="3px" href="https://mjml.io" padding-bottom="10px" padding-top="0">
                  BUY NOW
                </mj-button>
              </mj-column>
              <mj-column vertical-align="bottom">
                <mj-image src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/66a908799f9d4327292c0bb8.jpg" alt="Beyond backpack" align="center" border="none" padding-left="0px" padding-right="0px" padding-bottom="20px">
                </mj-image>
                <mj-text font-weight="bold" align="center" color="#000" font-size="15px" padding-left="25px" padding-right="25px" padding-bottom="0px" padding-top="0">
                  <p>
                    BETTER ONES
                    <br>
                    </p>
                    <p>
                      - 20&#x20ac;
                    </p>
                  </mj-text>
                  <mj-button background-color="#fa8739" color="#fff" font-size="13px" align="center" padding="15px 30px" border-radius="3px" href="https://mjml.io" padding-bottom="10px" padding-top="0">
                    BUY NOW
                  </mj-button>
                </mj-column>
              </mj-section>
              <mj-section background-color="#fa8739" padding-bottom="0px" padding-top="0">
                <mj-column>
                  <mj-image src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/66a908999f9d4327292c0bf8.jpg" alt="Man 1" padding-left="0px" padding-right="0px" padding-bottom="0px" padding-top="0">
                  </mj-image>
                </mj-column>
                <mj-column width="50%">
                  <mj-text align="left" color="#fff" font-size="23px" padding-left="25px" padding-right="25px" padding-bottom="0px" padding-top="0">
                    <p>
                      <br>
                      </p>
                      <p>

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