Abandoned Cart Email for Travel Brands

Travel cart abandonment does not behave like retail. A shopper who leaves a $40 sweater in a cart forgot, got distracted, or balked at shipping. A traveler who abandons a held booking is weighing dates, coordinating with a partner, comparing rates across three tabs, or waiting on a paycheck. The purchase is higher consideration and higher ticket, and recovery copy has to match that reality.

Trigger. Fire the first email on a held-booking event, not a generic cart event. Airlines and hotels already hold the fare or room in a session. Klaviyo and Mailchimp both let you key the flow off a "held booking created" or "booking session abandoned" custom event. If your booking engine only emits a cart event, tag the travel line items (property, dates, occupancy, held rate) so the email can surface them.

Timing. Travel buyers take longer to convert. Send the first email inside the hold window, while the rate is still locked: 1 to 2 hours after abandonment for most resort and short-stay brands. Send a second at the hold expiry with a real countdown ("your held rate releases at 6:00 PM tonight"). Send a third 5 to 7 days later as a soft "still planning?" nudge with new dates or a comparable room. Three sends outperforms one by roughly 2 to 3x in recovered revenue per recipient.

Offer. Resist the blanket discount. Travel margin is thin, and discounting trains travelers to wait for the next email. Lead with what costs you nothing: a held rate, free cancellation, a price-lock guarantee, a thrown-in breakfast or late checkout. Save any discount for the cold third send only.

Copy angle. Sell the experience and the half-built plan, not the room product. The traveler already pictured the trip. Remind them what is waiting. Name the resort, the dates, the suite, and the held rate. Lead with loss aversion (your dates release tonight) over excitement.

CTA. Use committed language. "Complete my booking" beats "Buy now." "Hold my dates" beats "Shop." The button should imply the trip is half-finished and one click closes it.

Numbers to expect. Travel runs 81 to 87% cart abandonment, higher than retail. A tuned three-email flow recovers 8 to 14% of abandoned bookings. At an average resort booking value of $900 to $1,800, that is $40 to $80 in revenue per recovery email sent. Benchmarks: SaleCycle and Barilliance travel reports.

Real example copy, Saltcove Resorts held coastal suite: - Subject: "Your dates at Saltcove are held until 6:00 PM" - Preheader: "Complete your booking and your rate stays locked." - Body lead: "Your oceanview suite is on hold. We kept your dates and your rate through tonight." - Urgency line: "Your held rate releases in 3 hours 12 minutes. Rates for these dates are up 9% this week."

Klaviyo and Mailchimp hand your HTML to a dozen different renderers. Gmail strips your <style> block unless it is inline. Outlook 2007 through 2019 renders mail in Microsoft Word, which ignores flexbox, float, border-radius, and padding on links. Apple Mail and dark-mode Gmail recolor your backgrounds whether you asked or not. The template is built to survive all of it.

Nested HTML tables, not divs or flex. Layout runs on nested <table>, <tr>, and <td> elements. Word's engine supports table layout reliably. It does not support CSS grid or flex. Tables are slower to hand-write but they are the only structure Outlook renders consistently.

Inline CSS. Every style sits on its element as a style attribute. Gmail keeps the first <style> block but ignores media queries and many properties for non-Gmail accounts. Inlined styles survive every client. MJML inlines them for you on export.

Bulletproof VML button for Outlook. Outlook ignores border-radius and link padding, so a CSS button renders as a flat underline with a tiny hit area. The button uses VML (Vector Markup Language), the same Office vector format Word understands, to draw a real rounded rectangle that is fully clickable in Outlook 2007 through 2019. The <v:roundrect> and <v:fill> tags sit inside conditional Outlook-only comments, so every other client ignores them.

Live text, not images. Headlines, body copy, and the trip details are real text. Text recolors itself in dark mode and stays crisp on retina screens. It also loads before images download, so the message lands on a slow connection or with images blocked.

Dark-mode color-scheme meta. The head carries <meta name="color-scheme" content="light dark"> and <meta name="supported-color-schemes" content="light dark">. These tell Apple Mail, Gmail, and Outlook dark mode that the email opts in to automatic recoloring, so a white background becomes a soft dark gray instead of a jarring black slab.

One mobile media query. A single @media (max-width: 600px) block handles stacking, font sizing, and spacing on phones. Keeping it to one block avoids the partial-stripping problem where some clients drop only the second media query.

Web-font fallbacks. The template loads a display serif through a hosted stylesheet, then falls back to Georgia and Times New Roman. Gmail, Outlook, and most clients block web fonts. The fallback stack means the email still reads clean when the web font is stripped.

1. Copy the HTML. Export the MJML below to HTML (the MJML CLI: mjml file.mjml -o file.html, or paste it into the editor at mjml.io). Copy the full output.

2. Paste it in. In Klaviyo, open your flow email, drag in an HTML block, and paste the code, or set the whole email type to HTML under Source. In Mailchimp, start a campaign, choose Code your own, then Paste in code, and drop in the HTML.

3. Swap brand, colors, and links. Find "Saltcove Resorts" and replace it with your client's name. Swap the four hex values (deep teal #0d3b44, gold #d9b87a, cream #f4f1ec, CTA green #0d7a6f) for the brand palette. Replace every href and the resort, dates, suite, and held-rate text with your live booking data or merge tags.

4. Wire the travel merge tags. Replace the static trip details with dynamic fields so each abandoned booking emails itself.

Klaviyo examples: - Guest name: {{ first_name|default:'there' }} - Resort: {{ event.property_name }} - Dates: {{ event.check_in|date:'M j' }} to {{ event.check_out|date:'M j, Y' }} - Held rate: {{ event.held_rate|floatformat:0|prepend:'$' }} - Hold expiry: {{ event.hold_expires_at|date:'g:i A' }} - Booking link: {{ event.resume_url }}

Mailchimp examples: - Guest name: *|FNAME|* - Resort: *|RESORT_NAME|* - Dates: *|CHECK_IN|* to *|CHECK_OUT|* - Held rate: *|HELD_RATE|* - Booking link: *|RESUME_URL|*

Pass these fields from your booking engine into the ESP event payload. Klaviyo reads them from the tracked event; Mailchimp reads them from a merged audience field or a connected store.

5. Test before you send. Run the email through Email on Acid or Litmus, or send live tests to yourself. Check Gmail (web and iOS), Apple Mail, and Outlook 365 desktop. Flip each to dark mode and confirm the text stays readable. Click every link. Confirm the VML button opens the booking resume URL in Outlook.