HTML & MJML

Abandoned Cart Email Template

Recover abandoned revenue instantly with this conversion-focused abandoned cart email template designed specifically for ecommerce brands and online retailers. Features a clean, mobile-responsive layout with strategic product imagery, personalized cart details, and high-converting call-to-action buttons that drive customers back to complete their purchase. Perfect for fashion retailers targeting hesitant shoppers, electronics stores combating price comparison delays, subscription services addressing checkout friction, or any online business seeking to recapture lost sales through automated email sequences. Marketing teams, ecommerce managers, and email designers can deploy this proven template to transform cart abandonment from lost opportunity into recovered revenue, boosting conversion rates and maximizing every customer interaction.

Edit In EmailBuilder.ai

About the Abandoned Cart Email Template

Recovering abandoned carts starts with the right email — and this template is engineered to do exactly that. Built for ecommerce brands and online retailers, it combines personalized cart summaries, strategic product imagery, and high-converting CTAs to pull hesitant shoppers back to checkout. The mobile-responsive layout removes friction at every scroll, making it the go-to choice for marketing teams who need a proven, deploy-ready structure that turns lost sessions into completed purchases.

When to use this template

Trigger this email 1 to 3 hours after a shopper leaves items in their cart without purchasing. For best results, deploy as part of a 3-email sequence: first send at 1 hour, a reminder at 24 hours, and a final nudge with an incentive at 72 hours post-abandonment.

Fashion retailer recovering shoppers who left sneakers or apparel behind
Electronics store re-engaging customers stalled by price comparison research
Subscription box brand addressing checkout hesitation with a reminder of value
Beauty brand nudging shoppers who abandoned a full skincare routine cart
Home goods retailer recapturing high-ticket furniture or décor abandonments
DTC brand running a flash sale and reminding cart abandoners before stock runs out

Subject line ideas

You left something behind — still interested?
Your cart expires soon. Grab it before it's gone.
Complete your order and save 10% today only
Hey, your [Product Name] is waiting for you

Best practices for abandoned cart emails

Display the exact abandoned product name, image, and price inside the email body to trigger purchase intent.
Place your primary CTA button within the first 300 pixels so mobile readers see it without scrolling.
Add a low-stock or expiry warning near the CTA to create urgency without fabricating false scarcity.
Include a one-click link back to the pre-filled cart to eliminate any checkout re-entry friction.
Feature 2 to 3 related product recommendations below the cart to upsell if the original item no longer appeals.

Template anatomy

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

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

Components used

Built from the following MJML elements:

7 images4 text blocks4 social links1 button1 social row

Color palette

Colors used across the Abandoned Cart Email Template template:

#f8fafc

#3a244c

#191919

#ffffff

transparent

Typography

Font stacks declared in the template:

Helvetica, Arial, sans-serif
Helvetica

MJML source code

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

<mjml>
  <mj-head>
    <mj-title>Abandoned Cart Email Template</mj-title>
    <mj-attributes>
      <mj-all font-family="Helvetica, Arial, sans-serif">
      </mj-all>
      <mj-text font-size="14px" line-height="21px">
      </mj-text>
    </mj-attributes>
    <mj-preview>Finish checkout now and get your premium picks delivered home.</mj-preview>
  </mj-head>
  <mj-body background-color="#F8FAFC" width="600px">
    <mj-section full-width="full-width" padding="32px 36px 24px 36px">
      <mj-column>
        <mj-image src="[[branding.logoURL]]" width="128px" align="center" padding="0px">
        </mj-image>
      </mj-column>
    </mj-section>
    <mj-section full-width="full-width" padding="18px 36px 0px 36px">
      <mj-column>
        <mj-text color="#3A244C" font-size="28px" font-family="Helvetica" line-height="36px" align="center">
          Complete Your Selection
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section full-width="full-width" padding="12px 36px 24px 36px">
      <mj-column>
        <mj-text color="#191919" font-size="16px" font-family="Helvetica" line-height="24px" align="center">
          You left an item in your cart. This premium selection is waiting for you to complete your purchase and bring it home today.
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section full-width="full-width" padding="0px 36px 16px 36px">
      <mj-column>
        <mj-image src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/699785feabf87f962076acba.jpg" width="528px" align="center" fluid-on-mobile="true" border-radius="6px" padding="0px">
        </mj-image>
      </mj-column>
    </mj-section>
    <mj-section full-width="full-width" background-color="#FFFFFF" padding="12px 36px 16px 36px">
      <mj-column>
        <mj-text color="#3A244C" font-size="28px" font-family="Helvetica" line-height="36px" align="center">
          Explore Similar Selections
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section full-width="full-width" padding="0px 36px 0px 36px">
      <mj-column width="50%">
        <mj-image src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/699785f4abf87f962076ac94.jpg" width="264px" align="center" border-radius="6px" padding="6px 6px 6px 6px">
        </mj-image>

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