HTML & MJML

Confirmation

Elevate every guest interaction with this hotel & hospitality email template built for hotels, resorts, and hospitality brands that prioritize polished, trust-building communication. The confirmation email template features clean typography, organized booking detail sections, and fully responsive layouts that render beautifully across every device. Use it for reservation confirmations, check-in reminders, booking modifications, and customer appreciation follow-ups that reduce uncertainty and front-desk inquiries. Hotel marketers, customer service teams, and designers can quickly customize brand colors, logos, and messaging to match any property's identity. Deploy this free confirmation email template to strengthen guest confidence, encourage repeat bookings, and turn routine correspondence into a lasting brand impression.

Edit In EmailBuilder.ai

About the Confirmation

Designed for hotels, resorts, and hospitality brands, this confirmation email template transforms routine booking acknowledgments into polished brand moments. It organizes reservation details with clarity, reduces guest anxiety before arrival, and projects the professionalism guests expect from a trusted property. The structured layout makes critical information scannable at a glance, so guests feel confident from the moment they book to the moment they check in.

When to use this template

Send immediately after a reservation is completed, within seconds of the booking trigger firing. A second deployment works well 48 to 72 hours before check-in as a reminder. For modifications or cancellations, trigger the template the moment a change is recorded in your property management system.

Boutique hotel sends instant booking confirmation after online reservation is completed
Resort confirms multi-night stay with itemized package inclusions and arrival instructions
Vacation rental brand acknowledges booking modification with updated dates and totals
Hotel loyalty program follows up confirmed stay with personalized member appreciation note
Spa retreat confirms treatment reservation and pre-arrival preparation requirements for guests
Conference hotel confirms group room block with coordinator contact and rooming list details

Subject line ideas

Your reservation is confirmed — see the details
Everything is set for your upcoming stay
Your booking at [Property Name]: confirmed
Check-in is coming — here is what to know

Best practices for hotel & hospitality emails

Lead with the confirmation number in large type so guests locate it instantly without scrolling
Display check-in and check-out dates in a dedicated summary block, never buried in paragraph text
Include a direct link to modify or cancel the booking to reduce front-desk call volume significantly
Add a single upsell row below booking details, such as room upgrades or dining reservations, never more
Use the guest's first name in the opening line and match the tone to your property's tier and personality

Template anatomy

How the Confirmation template is laid out, top to bottom:

section (1 column) containing text block.
section (2 columns) containing image, navbar, navbar link.
section (1 column) containing image.
section (1 column) containing text block.
section (1 column) containing text block.
wrapper (13 columns) containing section, text block, button, image.
wrapper (2 columns) containing section, image, text block, button.
section (1 column) containing text block, spacer, divider.
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:

36 text blocks14 buttons8 social links7 images3 navbar links2 dividers2 social rows1 navbar1 spacer

Color palette

Colors used across the Confirmation template:

#555

#fff

#ffffff

#392e28

#eee4d4

#2e819b

#363f57

#e9e4e1

#b8b3af

#000000

transparent

#606060

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 Confirmation template. Open it free in EmailBuilder.ai to get the complete source and start customizing.

<mjml>
  <mj-head>
    <mj-title>
      Confirmation
    </mj-title>
    <mj-preview>
      Confirm your guests’ reservations with ease and provide all the details they need for a smooth and enjoyable stay.
    </mj-preview>
    <mj-attributes>
      <mj-all font-family="system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif">
      </mj-all>
      <mj-text align="center" color="#555">
      </mj-text>
      <mj-section background-color="#fff">
      </mj-section>
    </mj-attributes>
  </mj-head>
  <mj-body background-color="#ffffff">
    <mj-section padding="20px">
      <mj-column>
        <mj-text padding="0px" font-size="13px" color="#392E28" line-height="1.5">
          <a href="https://emailbuilder.ai" target="_blank" style="text-decoration:none;color:#392E28;">
            View in Browser
          </a>
        </mj-text>
      </mj-column>
    </mj-section>
    <mj-section padding="0px 20px 40px">
      <mj-column width="35%" 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" align="left">
        </mj-image>
      </mj-column>
      <mj-column width="65%" vertical-align="middle">
        <mj-navbar align="right">
          <mj-navbar-link href="https://emailbuilder.ai" color="#392E28" padding="0px 8px" font-size="13px" text-transform="uppercase" font-weight="bold">
            HOTEL
          </mj-navbar-link>
          <mj-navbar-link href="https://emailbuilder.ai" color="#392E28" padding="0px 8px" font-size="13px" text-transform="uppercase" font-weight="bold">
            ROOFTOP BAR
          </mj-navbar-link>
          <mj-navbar-link href="https://emailbuilder.ai" color="#392E28" padding="0px 0px 0px 8px" font-size="13px" text-transform="uppercase" font-weight="bold">
            NEIGHBORHOOD
          </mj-navbar-link>
        </mj-navbar>
      </mj-column>
    </mj-section>
    <mj-section padding="0px">
      <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 padding="20px" background-color="#EEE4D4">
      <mj-column background-color="#ffffff">
        <mj-text padding="20px 20px 0px" font-size="13px" color="#392E28" line-height="1.5">
          Dear Valued Guest,
        </mj-text>
        <mj-text padding="20px 20px 0px" font-size="13px" color="#392E28" line-height="1.5">
          Thank you for choosing our hotel for your upcoming stay. We are delighted to confirm your reservation and look forward to welcoming you. Our team is committed to ensuring your experience is exceptional from the moment you arrive until your departure.
        </mj-text>
        <mj-text padding="20px 20px" font-size="13px" color="#392E28" line-height="1.5">
          Best regards,
          <br>
            Guest Services Team, Hotel Management
          </mj-text>
        </mj-column>
      </mj-section>
      <mj-section padding="30px 20px 0px">
        <mj-column background-color="#ffffff">
          <mj-text padding="0px" font-size="30px" color="#392E28" line-height="1.5" font-style="italic" font-weight="500">
            <span style="font-style: normal;">
              Reservation Details
            </span>
          </mj-text>
        </mj-column>
      </mj-section>
      <mj-wrapper padding="0px 20px" background-color="#ffffff">
        <mj-section padding="20px 0px 0px" border-bottom="1px solid #363f57">
          <mj-column width="50%" border-right="1px solid #363f57">
            <mj-text padding="15px 20px 0px" font-size="13px" color="#392E28" line-height="1.5" text-transform="uppercase" font-weight="bold">
              Guest Name
            </mj-text>
            <mj-text padding="0px 0px 15px" font-size="13px" color="#392E28" line-height="1.5">
              Guest Name
            </mj-text>
          </mj-column>
          <mj-column width="50%">
            <mj-text padding="15px 20px 0px" font-size="13px" color="#392E28" line-height="1.5" text-transform="uppercase" font-weight="bold">
              Reservation Number
            </mj-text>
            <mj-text padding="0px 0px 15px" font-size="13px" color="#392E28" line-height="1.5">
              CONF-123456789
            </mj-text>
          </mj-column>
        </mj-section>
        <mj-section padding="0px 0px 0px" border-bottom="1px solid #363f57">
          <mj-column>
            <mj-text padding="15px 20px 0px" font-size="13px" color="#392E28" line-height="1.5" text-transform="uppercase" font-weight="bold">
              Stay dates
            </mj-text>
            <mj-text padding="0px 0px 15px" font-size="13px" color="#392E28" line-height="1.5">
              March 15, 2025 - March 18, 2025
            </mj-text>
          </mj-column>
        </mj-section>
        <mj-section padding="0px 0px 0px" border-bottom="1px solid #363f57">
          <mj-column width="25%" border-right="1px solid #363f57">
            <mj-text padding="15px 20px 0px" font-size="13px" color="#392E28" line-height="1.5" text-transform="uppercase" font-weight="bold">
              Check-in
            </mj-text>
            <mj-text padding="0px 0px 15px" font-size="13px" color="#392E28" line-height="1.5">
              3:00 AM
            </mj-text>
          </mj-column>
          <mj-column width="25%" border-right="1px solid #363f57">
            <mj-text padding="15px 20px 0px" font-size="13px" color="#392E28" line-height="1.5" text-transform="uppercase" font-weight="bold">
              check-out
            </mj-text>
            <mj-text padding="0px 0px 15px" font-size="13px" color="#392E28" line-height="1.5">
              11:00 AM
            </mj-text>
          </mj-column>
          <mj-column width="50%">
            <mj-text padding="15px 20px 0px" font-size="13px" color="#392E28" line-height="1.5" text-transform="uppercase" font-weight="bold">
              Room type
            </mj-text>
            <mj-text padding="0px 0px 15px" font-size="13px" color="#392E28" line-height="1.5">
              Deluxe Room
            </mj-text>
          </mj-column>
        </mj-section>
        <mj-section padding="0px 0px 0px" border-bottom="1px solid #392E28">
          <mj-column width="50%" border-right="1px solid #363f57">
            <mj-text padding="15px 20px 0px" font-size="13px" color="#392E28" line-height="1.5" text-transform="uppercase" font-weight="bold">
              Average nightly rate
            </mj-text>
            <mj-text padding="0px 0px 15px" font-size="13px" color="#392E28" line-height="1.5">
              $250 per night
            </mj-text>
          </mj-column>
          <mj-column width="50%">
            <mj-text padding="15px 20px 0px" font-size="13px" color="#392E28" line-height="1.5" text-transform="uppercase" font-weight="bold">
              Estimated total
            </mj-text>
            <mj-text padding="0px 0px 15px" font-size="13px" color="#392E28" line-height="1.5">
              $750.00
            </mj-text>
          </mj-column>
        </mj-section>
        <mj-section padding="20px 0px 30px">
          <mj-column>
            <mj-text padding="0px" font-size="13px" color="#392E28" line-height="1.5" text-transform="uppercase" font-weight="bold">
              Important Information
            </mj-text>
            <mj-text padding="0px" font-size="13px" color="#392E28" line-height="1.5">
              Check-in time is 3:00 PM and check-out time is 11:00 AM. Early check-in and late check-out may be available upon request, subject to availability. Our concierge team is available 24/7 to assist with any special requests, restaurant reservations, or local recommendations. Please contact us if you have any questions or need assistance before your arrival.
            </mj-text>
            <mj-button text-transform="uppercase" padding="20px 20px 0px" font-size="13px" color="#392E28" background-color="#ffffff" line-height="1.3" font-weight="bold" href="https://emailbuilder.ai" inner-padding="5px 20px">
              Add to calendar
            </mj-button>
            <mj-button text-transform="uppercase" padding="0px 20px 0px" font-size="13px" color="#392E28" background-color="#ffffff" line-height="1.3" font-weight="bold" href="https://emailbuilder.ai" inner-padding="5px 20px">
              Modify/cancel reservation
            </mj-button>
          </mj-column>
        </mj-section>
        <mj-section background-color="#EEE4D4" padding="0px">
          <mj-column width="50%">
            <mj-image src="https://cdn.emailbuilder.ai/68509e6904fc27bcbbd459b1/uploads/67b5ceaa15afa55ef2b979cb.jpg" width="270px" height="auto" padding="0px" alt="Hotel amenities" align="left">
            </mj-image>
          </mj-column>
          <mj-column width="50%">
            <mj-text padding="20px 20px 10px" font-size="16px" color="#392E28" line-height="1.5" text-transform="uppercase" font-weight="bold" align="left">
              Premium Amenities
            </mj-text>
            <mj-text padding="0px 20px 0px" font-size="13px" color="#392E28" line-height="1.5" align="left">
              Experience our world-class amenities including a full-service spa, state-of-the-art fitness center, rooftop pool, and fine dining restaurants. Our dedicated staff is here to ensure your stay is nothing short of extraordinary.
            </mj-text>
            <mj-button text-transform="uppercase" padding="20px 20px 20px" font-size="13px" color="#392E28" line-height="1.3" font-weight="bold" href="https://emailbuilder.ai" inner-padding="10px 20px" background-color="#2E819B" border-radius="0px" align="left">
              Explore Amenities
            </mj-button>

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