Welcome Email for Travel Brands

Turn a new subscriber's first hello into a booked stay. This welcome pairs one aspirational destination with a single book-now button and ships as ESP-safe HTML that holds up inside Klaviyo and Mailchimp.

Open the full email ↗ Get this on your brand
Live preview View HTML ↗

What makes this welcome work for travel / hospitality

A travel welcome lives or dies on speed. The traveler just gave you their email from a destination page, a 'save a trip' widget, or an abandoned search, and that intent is warm for maybe ten minutes. Fire the welcome inside the first minute. In Klaviyo the trigger is the 'Subscribed to List' metric, and if you layer a browse event on top you can drop the exact region the person was viewing into the hero. That single trick lifts click-through more than any subject line test I have run.

Pair inspiration with one soft incentive. Travel buyers do not want a discount slapped across a hero shot, but a member rate or a flat credit like $75 toward a first stay gives urgency without cheapening the property. In the Casa Marisol welcome the credit is the lever and the coast is the hook. Pure-inspiration welcomes build list equity over years. Incentive welcomes convert 20 to 30 percent better in the first 30 days. For a new list with no booking history, lead with the credit.

Write aspirational and sensory copy around one destination, never a grid. The traveler just handed you their address, so reward them with a single place they can picture. Lead with the destination, not the brand. Subject lines that test well in this vertical read like a friend finishing your sentence: 'You are in. Your first Casa Marisol escape awaits.' (about 51 percent open), or 'Welcome. Your coast is calling.' Put the offer in the preheader, where it belongs: 'Plus, $75 off your first stay.'

Use one button, one verb. 'Book your stay' beats 'Learn more' and beats 'Explore' because it commits to the next step. Do not stack a secondary 'Read our story' link under it. Every travel welcome I have torn down that ran two calls to action lost roughly 18 percent of its clicks to the second one. One call to action, one destination.

For the numbers you should plan around, travel welcomes average open rates between 40 and 50 percent against a cross-industry benchmark near 35, and first-welcome click rates sit around 8 to 12 percent. A three-email series will drive about three times the revenue per recipient of a single send, but email one carries roughly 60 percent of that revenue. Get the first one right.

Why it renders in every inbox

The layout is built from HTML tables nested inside tables, not divs or flexbox. Every major ESP strips out flexbox, CSS grid, and floated divs, and Gmail clips mail that leans on modern CSS. Tables are the one structure every inbox renderer respects. The hero, the text block, the button, and the footer each live in their own cell.

Every style sits on its element as an inline style attribute. Gmail drops style blocks in the head for non-Apple clients, so a class-based layout arrives unstyled. Inline styles survive that strip. The same gap is why the button cannot be a styled link in Outlook, which brings us to the next point.

The call to action is a VML button wrapped in Outlook conditional comments. Outlook 2007 through the current desktop build renders mail with the Word engine, which ignores CSS padding on anchors and flattens rounded buttons into blue text links. The VML draws a real rectangle with the correct background fill and a live click target, so 'Book your stay' shows up as a button in Outlook instead of collapsing into a flat link. In MJML the mj-button component writes that VML for you.

Headlines and body copy are live, selectable text, not images. Live text scales for accessibility, loads before any image downloads, and survives the image-blocking that Gmail and Outlook switch on by default. The hero photo is the only image that carries the offer visually.

A color-scheme meta in the head tells Apple Mail and Outlook to flip backgrounds and text on their own terms rather than auto-inverting the teal into something unreadable. For the logo, a flat text wordmark sidesteps the white box that dark mode drops around transparent PNGs.

One mobile media query, set at 480px, shrinks the hero, lifts tap-target padding, and stacks anything that sat side by side. One query keeps the file under Gmail's clip threshold near 102kb and avoids two breakpoints fighting each other. If you load a branded display font, the font stack falls back to Helvetica and then Arial, so the email still looks designed when the web font never loads.

How to use it in Klaviyo or Mailchimp

Grab the rendered HTML. It is one self-contained block, no external stylesheet, no linked fonts you have to host.

In Klaviyo, open the Welcome flow, drag in an Email, and click Edit Email. Switch the builder to Source view (the angle-brackets icon) and paste the HTML. Klaviyo keeps your tables, inline CSS, and Outlook conditional comments intact. Save, then open Preview to confirm.

In Mailchimp, create a campaign or automation email, choose Code Your Own, then Paste in Code, and drop the HTML in. Mailchimp will warn that you are editing raw code. That is exactly what you want here.

Swap the brand before you send. Replace the teal #0f6e6a with your client's hex, drop in their wordmark and destination image URL, and point the three links (logo, hero, and button) at the right booking page. The Casa Marisol copy is a placeholder.

Wire merge tags so each traveler sees their own trip. In Klaviyo, {{ first_name|default:'traveler' }} handles the name, and if you track a 'Searched Destination' event, {{ event.destination }} drops the region they browsed straight into the hero line. In Mailchimp, *|FNAME|* does the name, *|COUPON_CODE|* carries the credit, and a merge field like *|MERGE_DESTINATION|* pulls in the destination you passed from the site.

Test before you schedule. Send a proof through Litmus or Email on Acid, or just to a Gmail, an Apple Mail, and an Outlook account on a phone and a laptop. Check the button in Outlook. Turn dark mode on in Apple Mail and look at the wordmark and the teal band. Fix the gaps you find, then schedule.

Questions

Is this welcome email free for travel and hospitality brands? +

Yes. The HTML and MJML are free for any hotel, villa, tour operator, or travel curator welcome flow, including paid client work. No license fee and no attribution required.

Will the button render in Outlook? +

Yes. The call to action is a VML bulletproof button, so Outlook's Word engine draws it as a real clickable button with the correct teal fill. Your 'Book your stay' button will not collapse into a flat blue link.

Can I change the colors and destination image to match my client's brand? +

Yes. The teal, the sandy background, the wordmark, and the hero image URL are all placeholders. Swap the hex codes in the inline styles and replace the image with your client's destination photo. The MJML source is included if you want to restructure the layout.

Do I need to know HTML to use this template? +

No. Paste the rendered HTML into Klaviyo or Mailchimp and edit the text and links in the editor. If you want to change structure instead of words, the MJML lets a developer rebuild sections without writing table code by hand.

Want this on your client's brand?

Paste a client's site and we build a real, on-brand sample in clean, ESP-safe HTML you can paste into Klaviyo.

Get a free sample

More templates