Booking Confirmation

Display complete reservation details and confirmation number after successful payment. The final step of the booking journey.
Step 3 of 3 | Component: <booking> | URL: /booking-confirmation

What Guests Receive

Confirmation Number

Unique booking reference and PIN code

Booking Details

Dates, room type, guest info, and total price

Hotel Information

Address, contact details, and check-in instructions

Basic Implementation

<div data-mirai-component="booking"></div>

Complete Page Template

⚠️ Important: Use this component on a dedicated page without additional content to maintain focus on the booking confirmation details.

Page Requirements

RequirementValuePurpose
URL/booking-confirmationStandard booking flow URL
Meta robotsnoindex, nofollowPrevent search indexing
Auto-emailSent automaticallyBackup confirmation
Component<booking> onlyClear confirmation display

After Confirmation

Guests automatically receive an email with:
  • Booking reference number
  • PIN code for modifications
  • Complete reservation details
  • Hotel contact information

🎉 Booking process complete! Guests can manage their reservation anytime using the Booking Query component.