Abandoned Cart Email for Fashion Brands

Fashion carts stall on fit. A shopper adds the wool coat in a medium, then leaves to read reviews, text a friend, or measure their shoulders. They are not waiting for a coupon. They are deciding whether the coat will fit and whether it looks like the photo. A blast that leads with "20% off, 2 hours left" reads as cheap and trains them to wait for the next sale. This template does the opposite.

Trigger. Fire the flow on a cart left idle for 60 minutes, and suppress anyone who placed an order in the last 7 days. In Klaviyo, set the trigger to Checkout Started, add a condition that the cart is not empty, and exclude the Placed Order metric. That stops you emailing a customer who already finished checking out.

Timing. Three emails. Email 1 at 1 hour. Subject: "Still thinking it over?" No discount. Show the item, a fit note, one CTA. In our apparel client data, the 1-hour cart email opens at 38 to 45%, against the 28% industry average for recovery messages. Email 2 at 24 hours. Subject: "We held your size for 24 more hours." Repeat the item, add social proof ("Rated 4.8 by 1,200 shoppers"), and link the size guide inline. Email 3 at 72 hours. Subject: "Last call on your held items." Lead with free shipping or free returns, never a percent off. If you must discount, cap it at 10% and frame it as a courtesy.

Offer. Around 70% of apparel carts abandon, in line with Baymard's cross-industry range. A three-email series like this one typically recovers 12 to 18% of that lost revenue for the fashion clients we work with. The margin you protect by not discounting in email 1 is worth more than the few extra clicks a coupon buys.

Copy angle. Editorial and low pressure. Reference the exact item by name. Pull a fit note from your size data: "Runs true to size. Model is 5'9 and wears a Small." Never lead with a screaming countdown timer on a $240 knit. Fashion shoppers read tone, and urgency reads as discount bin.

CTA. "Reserve your size" or "Complete checkout." The word "reserve" tells the shopper the item is held, which matches how they already think about a saved cart. Skip "BUY NOW" and "20% OFF."

Klaviyo and Mailchimp both send HTML, but Gmail, Apple Mail, and Outlook all read that HTML differently. Outlook 2016 through 365 still runs the Word rendering engine, which ignores flexbox, ignores web fonts, ignores rounded corners, and ignores anything outside a table cell. This template was built for that reality.

Structure. Nested HTML tables, never divs or flex. Every section is a table inside a 600px container. Inline CSS sits on every element, because Gmail strips the head style block for everything except media queries. Images live in their own cells with explicit width and height so the layout holds before images download.

The button. The CTA is bulletproof. It carries a VML (Vector Markup Language) fallback so Outlook draws a real filled rectangle with the correct background color and padding instead of a collapsed gray link. In Gmail and Apple Mail, the same markup renders as a clean button via standard inline styles.

Live text. The headline, item name, price, and body copy are real text, not images. Subscribers see the offer the second the email opens, and screen readers read it. Only the product photo depends on an image download.

Dark mode. A color-scheme meta tag plus data-ogsc overrides flip the background to a soft warm dark and swap the text color. Product images keep a transparent edge so they do not turn into a white box on a black background.

Mobile. One media query at max-width 600px cuts side padding from 40px to 24px, stacks the two-column item block into one, and bumps the headline size. Fonts fall back to Georgia and the system serif, because web fonts do not load in Gmail and only load in Apple Mail when preloaded.

1. Copy the HTML. In Mailwright, click Export HTML. You get a single file with no external CSS and all images already on a CDN.

2. Paste it. In Klaviyo, open your Abandoned Cart flow, drag in an Email, and drop an HTML block into the canvas. Click the source icon and paste. In Mailchimp, start a campaign, choose Code Your Own, then Paste in code, and drop the HTML in.

3. Swap brand assets. Replace the logo text, the two hex values (#1A1A1A text and #8A5A44 accent), and the product image with your client's. The fit note, subject lines, and body copy are placeholders you can rewrite per client.

4. Wire merge tags. In Klaviyo, wrap the item block in a Repeat Items tag and use {{ item.name }}, {{ item.price }}, {{ item.image }}, and {{ item.url }} so the email pulls the exact abandoned products. Use {{ person.first_name|default:"there" }} for the greeting. In Mailchimp, use *|PRODUCT_NAME|*, *|PRODUCT_PRICE|*, and the built-in e-commerce cart block for images and links.

5. Test. Send a live preview to a Gmail inbox, an Apple Mail inbox, and an Outlook 2016 or 365 inbox. Toggle dark mode in iOS Mail and Apple Mail. If the product image is missing, the merge tag is empty. Check that the flow is reading from the right event and that the abandoned item still has a valid image URL.