HTML & MJML

Abandoned Cart Discount Email Template

Close the deal with hesitant shoppers using this abandoned cart discount email template built for electronics stores, gadget brands, and ecommerce retailers. A bold, energetic design pairs the saved cart with a limited-time 10% code — the nudge that converts price-sensitive browsers into buyers. Best used as the second or third touch in a cart recovery sequence, after the gentle reminder has gone unanswered. Includes a cart summary block and trust signals near the call-to-action. Responsive MJML layout that customizes in minutes.
Edit In EmailBuilder.ai
Share:
Abandoned Cart Discount Email Template - email template preview
Show full preview ▼

About the Abandoned Cart Discount Email Template

Built for electronics retailers and gadget brands, this abandoned cart discount template combines urgency with incentive to recover sales that a gentle reminder couldn't close. The bold, high-energy design surfaces the shopper's saved items alongside a limited-time 10% off code — the concrete motivation price-sensitive buyers need to commit. Cart summary blocks and trust signals positioned near the CTA remove last-minute hesitation and push hesitant browsers to complete checkout.

When to use this template

Deploy this template as your second or third cart recovery touchpoint, typically 24 to 72 hours after the initial reminder goes unopened or unclicked. Trigger it behaviorally when the shopper has not returned to checkout, and consider suppressing it once a purchase is detected to avoid redundant discounting.
  • An online electronics store recovering carts containing laptops or headphones over $150
  • A gadget subscription brand nudging trial-hesitant shoppers with a first-order discount
  • A consumer tech retailer running a post-product-launch cart recovery sequence
  • An ecommerce brand targeting repeat visitors who abandoned high-margin accessory bundles
  • A seasonal sale campaign where cart abandonment spikes during Black Friday traffic surges
  • A D2C electronics startup converting ad-driven traffic that browsed but did not buy

Subject line ideas

  • Your cart is waiting — here's 10% off to seal it
  • Still thinking? This discount expires soon
  • We saved your items (and added a little extra)
  • Open before your 10% off code disappears

Best practices for abandoned cart emails

  • Lead with the specific product name and image from the abandoned cart, not a generic savings message, to trigger recognition.
  • Place the discount code in a visually isolated block with a one-click copy function so redemption requires zero friction.
  • Set a hard expiry timestamp on the 10% code — display hours remaining, not just a vague deadline — to sharpen urgency.
  • Position review stars or a short social proof snippet directly above the CTA button to neutralize last-minute purchase doubt.
  • Avoid applying the discount to every cart recovery email; reserve this template for sequences where the initial no-discount reminder already failed.

Template anatomy

How the Abandoned Cart Discount 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.
  5. section (1 column) containing button.
  6. section (3 columns) containing text block.
  7. section (1 column) containing social row, social link, text block.

Components used

Built from the following MJML elements:
14 text blocks3 social links1 image1 button1 social row

Color palette

Colors used across the Abandoned Cart Discount Email Template template:
#fefce8
#1c1917
#57534e
#fde047
#ffffff
#d6d3d1
#78716c

Typography

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

MJML source code

A preview of the MJML markup for the Abandoned Cart Discount Email Template template. Open it free in EmailBuilder.ai to get the complete source and start customizing.
<mjml>
  <mj-head>
    <mj-title>Abandoned Cart Discount 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>Your cart called — it wants 10% off. Code inside.</mj-preview>
  </mj-head>
  <mj-body background-color="#FEFCE8" width="600px">
    <mj-section background-color="#FEFCE8" padding="28px 36px 8px 36px">
      <mj-column>
        <mj-text color="#1C1917" font-size="20px" letter-spacing="3px" align="center" padding="0px"><strong>AUDIOHAUS</strong></mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FEFCE8" padding="20px 36px 0px 36px">
      <mj-column>
        <mj-text color="#1C1917" font-size="44px" line-height="52px" align="center" padding="0px"><strong>Your cart called.
It wants 10% off.</strong></mj-text>
        <mj-text color="#57534E" font-size="16px" align="center" padding="14px 20px 0px 20px">We noticed you left before checkout, so we're sweetening the deal — but only for the next 48 hours.</mj-text>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FEFCE8" padding="26px 36px 0px 36px">
      <mj-column>
        <mj-image src="https://images.unsplash.com/photo-1505740420928-5e560c06d30e?ixid=M3w4NzY5MzJ8MHwxfHNlYXJjaHwxfHxoZWFkcGhvbmVzJTIwcHJvZHVjdCUyMG1pbmltYWwlMjBjb2xvciUyMGJhY2tncm91bmR8ZW58MHwwfHx8MTc4MzM2Nzc4Nnww&ixlib=rb-4.1.0&w=1200&h=560&fit=crop&auto=format&q=80" alt="The headphones in your cart" border-radius="12px" fluid-on-mobile="true" padding="0px"></mj-image>
      </mj-column>
    </mj-section>
    <mj-section background-color="#FEFCE8" padding="24px 56px 8px 56px">
      <mj-column background-color="#1C1917" border-radius="10px" padding="24px 20px">
        <mj-text color="#FDE047" font-size="13px" letter-spacing="3px" align="center" padding="0px 0px 6px 0px"><strong>48 HOURS ONLY</strong></mj-text>
        <mj-text color="#FFFFFF" font-size="36px" line-height="44px" align="center" padding="0px"><strong>COMEBACK10</strong></mj-text>
        <mj-text color="#D6D3D1" font-size="13px" align="center" padding="8px 0px 0px 0px">10% off everything in your saved cart</mj-text>
      </mj-column>
Want the full MJML?Open Abandoned Cart Discount 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

Abandoned Cart Email TemplatesE-commerce Email TemplatesDiscount Email TemplatesCoupon Email TemplatesAll Email Templates

Similar abandoned cart templates