HTML & MJML

Hotel Booking Email Template

Crafted for hotels, resorts, and boutique accommodations, this Hotel Booking Email Template delivers polished, guest-ready communication that builds confidence from the moment a reservation is made. The responsive layout features organized sections for booking details, guest info, and prominent call-to-action buttons that render beautifully across all devices. Use it to send booking confirmations, pre-arrival check-in instructions, or personalized welcome messages. Hotel managers, marketers, and hospitality teams will find this Hotel & Hospitality confirmation email template easy to customize and deploy. Expect fewer front-desk inquiries and stronger guest trust with every send.

Edit In EmailBuilder.ai

About the Hotel Booking Email Template

Designed for hotels, resorts, and boutique properties, this template transforms the post-booking moment into a trust-building touchpoint. It organizes reservation details, guest information, and check-in instructions into a clean, scannable layout that reassures guests immediately after purchase. Because hospitality depends on first impressions, a polished confirmation email sets the tone for the entire stay — reducing anxiety, cutting front-desk calls, and making your property feel premium before guests even arrive.

When to use this template

Send this template immediately after a reservation is completed — automated delivery within seconds of booking drives the highest open rates. It also works for pre-arrival sequences 48 to 72 hours before check-in, when guests are actively planning their trip and most receptive to upsells or logistical details.

Boutique hotels confirming weekend getaway reservations with personalized guest details
Resort properties sending pre-arrival check-in instructions with spa or dining upsells
Vacation rental managers automating confirmations after direct website bookings
Corporate hotel programs notifying business travelers of their confirmed room and amenities
Bed and breakfast owners welcoming first-time guests with a warm, branded confirmation
Hotel marketing teams re-engaging guests after a third-party OTA booking with direct communication

Subject line ideas

Your reservation at [Hotel Name] is confirmed
Check-in is coming — here's everything you need
We're saving your room — booking details inside
[First Name], your stay details are ready to review

Best practices for hotel & hospitality emails

Lead with the reservation number in large text so guests can scan and file it instantly.
Include a structured booking summary table — arrival date, departure date, room type, and total — before any other content.
Add a single prominent CTA button linking to an online check-in portal to reduce front-desk congestion on arrival day.
Personalize the opening line with the guest's first name and property name to signal attention to detail.
Close with local arrival tips — parking, key pickup process, or lobby hours — specific to your property's common guest questions.

Template anatomy

How the Hotel Booking Email Template template is laid out, top to bottom:

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

Components used

Built from the following MJML elements:

44 text blocks11 buttons8 social links6 images5 dividers2 social rows

Color palette

Colors used across the Hotel Booking Email Template template:

#000

#fff

#ffffff

#0085a2

#bfbfbf

#7b868c

#e9e4e1

#b8b3af

#000000

transparent

#606060

#8f8f8f

Typography

Font stacks declared in the template:

system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif

MJML source code

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

<mjml>
  <mj-head>
    <mj-title>
      Hotel Booking Email Template
    </mj-title>
    <mj-preview>
      Send a warm and professional confirmation to your guests with all the essential booking details for a seamless arrival experience.
    </mj-preview>
    <mj-attributes>
      <mj-all padding="0px" font-size="16px" font-family="system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif">
      </mj-all>
      <mj-text font-size="13px" line-height="150%" color="#000" padding="20px 20px 0px">
      </mj-text>
      <mj-section padding="0px" background-color="#fff">
      </mj-section>
      <mj-button border-radius="0px" text-transform="uppercase" font-size="13px" color="#ffffff" background-color="#0085A2" inner-padding="10px 15px" align="center" href="#">
      </mj-button>
    </mj-attributes>
  </mj-head>
  <mj-body background-color="#BFBFBF">
    <mj-section background-color="#BFBFBF">
      <mj-column>
        <mj-text font-size="11px" line-height="150%" color="#7b868c" padding="20px" align="center">
          <a href="https://emailbuilder.ai" target="_blank" style="color:#000">
            View in Browser
          </a>
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section padding="20px" background-color="#fff">
      <mj-column vertical-align="middle">
        <mj-image src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/69105fbdc01ba022ecb3dcdb.png" width="200px" height="auto" alt="Hotel Logo" padding="0px" href="https://emailbuilder.ai" target="_blank">
        </mj-image>
      </mj-column>
    </mj-section>
    <mj-section>
      <mj-column>
        <mj-image src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/691060afc01ba022ecb3dd19.avif" width="600px" height="auto" alt="Hotel banner image" padding="0px" href="https://emailbuilder.ai">
        </mj-image>
      </mj-column>
    </mj-section>
    <mj-section>
      <mj-column>
        <mj-text>
          Dear Valued Guest,
        </mj-text>
        <mj-text>
          Thanks for making the decision to stay with us here at Sublimis Boutique Hotel Camogli. Please take a moment to review your current reservation details below.
        </mj-text>
        <mj-divider border-color="#0085A2" border-width="1px" padding="20px 20px 0px">
        </mj-divider>
      </mj-column>
    </mj-section>
    <mj-section>
      <mj-column>
        <mj-text font-size="18px" font-weight="bold" color="#000" padding="20px 20px 0px">
          CONFIRMATION DETAILS
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section padding="20px 20px 0px">
      <mj-column width="30%">
        <mj-text padding="0px 0px 15px" font-weight="bold">
          Confirmation No.
        </mj-text>
      </mj-column>
      <mj-column width="70%">
        <mj-text padding="0px 0px 15px">
          CONF-123456789
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section padding="0px 20px 0px">
      <mj-column width="30%">
        <mj-text padding="0px 0px 15px" font-weight="bold">
          Guest Name
        </mj-text>
      </mj-column>
      <mj-column width="70%">
        <mj-text padding="0px 0px 15px">
          Guest Name
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section padding="0px 20px 0px">
      <mj-column width="30%">
        <mj-text padding="0px 0px 15px" font-weight="bold">
          Arrival Date
        </mj-text>
      </mj-column>
      <mj-column width="70%">
        <mj-text padding="0px 0px 15px">
          March 15, 2025
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section padding="0px 20px 0px">
      <mj-column width="30%">
        <mj-text padding="0px 0px 15px" font-weight="bold">
          Departure Date
        </mj-text>
      </mj-column>
      <mj-column width="70%">
        <mj-text padding="0px 0px 15px">
          March 18, 2025
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section padding="0px 20px 0px">
      <mj-column width="30%">
        <mj-text padding="0px 0px 15px" font-weight="bold">
          Room Type
        </mj-text>
      </mj-column>
      <mj-column width="70%">
        <mj-text padding="0px 0px 15px">
          Deluxe Sea View Room
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section padding="0px 20px 0px">
      <mj-column width="30%">
        <mj-text padding="0px 0px 15px" font-weight="bold">
          Number of Guests
        </mj-text>
      </mj-column>
      <mj-column width="70%">
        <mj-text padding="0px 0px 15px">
          2 adults
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section padding="0px 20px 0px">
      <mj-column width="30%">
        <mj-text padding="0px 0px 15px" font-weight="bold">
          Total Price
        </mj-text>
      </mj-column>
      <mj-column width="70%">
        <mj-text padding="0px 0px 15px">
          1,200.00 EUR
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section padding="0px" background-color="#ffffff">
      <mj-column>
        <mj-divider border-color="#0085A2" border-width="1px" padding="5px 20px 0px">
        </mj-divider>
      </mj-column>
    </mj-section>
    <mj-section>
      <mj-column>
        <mj-text font-size="18px" font-weight="bold" color="#000" padding="20px 20px 0px">
          OUR POLICIES
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section padding="20px 20px 0px">
      <mj-column width="30%">
        <mj-text padding="0px 0px 15px" font-weight="bold">
          Guarantee Policy
        </mj-text>
      </mj-column>
      <mj-column width="70%">
        <mj-text padding="0px 0px 15px">
          A valid credit card is required to guarantee your reservation. The card will be charged according to the cancellation policy.
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section padding="0px 20px 0px">
      <mj-column width="30%">
        <mj-text padding="0px 0px 15px" font-weight="bold">
          Cancellation Policy
        </mj-text>
      </mj-column>
      <mj-column width="70%">
        <mj-text padding="0px 0px 15px">
          Free cancellation up to 7 days before arrival. Cancellations made within 7 days of arrival will incur a charge of one night's stay.
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section padding="0px 20px 0px">
      <mj-column width="30%">
        <mj-text padding="0px 0px 15px" font-weight="bold">
          Check-in Time
        </mj-text>
      </mj-column>
      <mj-column width="70%">
        <mj-text padding="0px 0px 15px">
          3:00 PM
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section padding="0px 20px 0px">
      <mj-column width="30%">
        <mj-text padding="0px 0px 15px" font-weight="bold">
          Check-out Time
        </mj-text>
      </mj-column>
      <mj-column width="70%">
        <mj-text padding="0px 0px 15px">
          11:00 AM
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section>
      <mj-column>
        <mj-divider border-color="#0085A2" border-width="1px" padding="5px 20px 0px">
        </mj-divider>
      </mj-column>
    </mj-section>
    <mj-section>
      <mj-column>
        <mj-text font-size="18px" font-weight="bold" color="#000" padding="20px 20px 0px">
          CONTACT US
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section padding="20px 20px 0px">
      <mj-column width="30%">
        <mj-text padding="0px 0px 10px" font-weight="bold">

Want the full MJML?Open Hotel Booking 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